讲师中心 微信公众号
AI工具推荐 视频效率加速

ThinkPHP 5.1.27 LTS 引入 Layui 等前端框架完整教程

梦明大大_7021

梦明大大_7021

发布时间:2026-09-23 14:01:27

|

506人浏览过

|

来源于php中文网

原创

TP5.1.27 LTS 集成 LayuiAdmin 无需修改框架源码,但需统一静态资源路径映射、启用模板继承、将 iframe 路由改为控制器地址,并手动处理 laypage 分页;关键配置在 config/template.php 中设置 tpl_replace_string 和 layout_on。

thinkphp 5.1.27 lts 引入 layui 等前端框架完整教程

直接说结论:TP5.1.27 LTS 引入 Layui 不需要改框架源码,但必须统一静态资源路径映射、正确处理模板继承与 iframe 路由跳转,否则 layuiadmin 的菜单、弹窗、分页都会加载失败或 404。

静态资源路径映射必须配对 __layuiadmin__

TP5.1.27 的模板变量替换机制依赖 tpl_replace_string 配置,而 LayuiAdmin 的 HTML 中大量使用 ../layuiadmin/xxx.js 这类相对路径。硬改所有 HTML 不现实,也不可持续。

正确做法是把 LayuiAdmin 的 layuiadmin 目录放到 public/static/admin/ 下(例如:public/static/admin/layuiadmin/),然后在 config/template.php 中添加:

return [
    // ...
    'tpl_replace_string' => [
        '__STATIC__'     => '/static',
        '__layuiadmin__' => '/static/admin/layuiadmin',
    ],
];

注意两点:

立即学习PHP免费学习笔记(深入)”;

  • __layuiadmin__ 的值必须以 / 开头,否则生成的 URL 会变成相对路径,导致 404
  • 别写成 __LAYUIADMIN__ 或大小写混用 —— TP 模板变量替换严格区分大小写
  • 如果用了多模块(如 admin 模块),这个配置要放在全局 config/template.php,不是模块级配置

index.html 里所有 iframe src 必须改成 {:url('...')}

LayuiAdmin 原生用的是前端路由 + 静态 HTML 文件直读(如 src="home/console.html"),但在 TP 中,这些 HTML 必须走控制器路由,否则无法执行 PHP 模板逻辑、无法带 session、无法做权限拦截。

原始写法(会 404):

<iframe src="home/console.html" frameborder="0" class="layadmin-iframe"></iframe>

应改为(假设你已定义 admin/index/console 方法):

<iframe src="{:url('console')}" frameborder="0" class="layadmin-iframe"></iframe>

常见错误:

前端美化
前端美化

使用此技能可创建独具特色、具备生产级质量的前端界面,设计品质高。当用户要求构建网页组件、页面、产物、海报或应用程序时(例如:网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 进行样式优化与视觉美化),请启用该能力。输出需为富有创意、精雕细琢的代码与 UI 设计,避免千篇一律的 AI 风格。

下载
  • 漏掉 {:url('console')} 的单引号,写成 {:url(console)} → 解析为常量,报错
  • 没在 app/admin/controller/Index.php 中定义 console() 方法,或没返回 view()
  • 没把 console.html 放到对应视图目录(如 app/admin/view/index/console.html

分页必须用 Db::table()->paginate() + 手动传参给 laypage.render

Layui 的 laypage 是纯前端分页器,但 TP5.1.27 的 paginate() 默认输出的是 Bootstrap 风格 HTML,和 Layui 的 JS 渲染不兼容。所以不能直接 {$list->render()}

你需要手动拆解分页数据:

// 控制器中
$data['user'] = $dataUser->items();
$data['total_num'] = $dataUser->total();
$data['page'] = $dataUser->currentPage();
$data['pageSize'] = $dataUser->listRows();

前端 JS 中这样写:

laypage.render({
  elem: 'paging',
  count: {$total_num},
  limit: {$pageSize},
  curr: {$page},
  jump: function(obj, first) {
    if (!first) {
      location.href = '{:url("index/list")}?page=' + obj.curr;
    }
  }
});

关键点:

  • count 必须是总条数($dataUser->total()),不是当前页数据长度
  • curr 要用 $dataUser->currentPage(),不是 input('get.page'),后者在首次访问时可能为空
  • 别在 jump 里用 AJAX 拼 HTML —— LayuiAdmin 的 console 页面本身是完整 HTML,刷新更稳妥

TP6 和 TP5.1.27 的 view.php 配置位置不同,别抄错

如果你参考的是 TP6 教程,会看到配置写在 config/view.php;但 TP5.1.27 的模板配置只认 config/template.php。这是最常被忽略的兼容性断点。

验证方式很简单:在控制器里 dump config('template.tpl_replace_string'),看输出里有没有 __layuiadmin__。没有,说明配置没生效。

另外,TP5.1.27 默认关闭了 layout 模板继承(即 {extend name="..."}),如果要用基础模板(如 base.html),需确认 config/template.php 中有:

'layout_on'     => true,
'layout_name'   => 'layout',

否则 {extend} 标签会被原样输出为 HTML 注释,页面结构全乱。

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

相关专题

更多
thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3301

2024.04.10

thinkphp性能怎么样
thinkphp性能怎么样

thinkphp 是一款高性能的 php 框架,具备缓存机制、代码优化、并行处理和数据库优化等优势。官方性能测试显示,它每秒可处理超过 10,000 个请求,实际应用中被广泛用于京东商城、携程网等大型网站和企业系统。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1160

2024.04.10

ThinkPHP6后台管理系统开发与RBAC权限控制实践
ThinkPHP6后台管理系统开发与RBAC权限控制实践

本专题围绕 ThinkPHP6 在后台管理系统开发中的应用展开,重点讲解基于 RBAC 模型的权限控制实现方案。内容涵盖管理员角色设计、菜单权限分配、接口鉴权、中间件拦截机制以及后台模块化开发思路。同时结合实际案例,讲解如何构建完整的后台管理系统,包括用户管理、权限管理与操作日志记录,帮助开发者搭建安全、可扩展的企业级后台系统。

383

2026.03.20

ThinkPHP API接口开发与前后端分离实战
ThinkPHP API接口开发与前后端分离实战

本专题围绕ThinkPHP在前后端分离项目中的 API 开发展开,系统讲解 RESTful 接口设计规范、统一返回结构、参数验证与异常处理机制。内容涵盖 Token 鉴权、跨域处理、接口版本管理以及接口文档生成方案。通过完整项目案例,帮助开发者构建规范、高效、易维护的后端接口服务体系。

284

2026.03.20

ThinkPHP ORM模型关系与数据库操作优化实践
ThinkPHP ORM模型关系与数据库操作优化实践

本专题聚焦ThinkPHP中 ORM 模型的高级用法与数据库操作优化技巧。内容包括一对一、一对多、多对多关系定义与使用、关联预加载、查询构建器优化以及复杂查询封装方法。同时结合实际业务场景,讲解如何避免 N+1 查询问题、提升数据库访问效率,帮助开发者编写高性能的数据访问层代码。

199

2026.03.20

ThinkPHP模型详解
ThinkPHP模型详解

本专题整合了ThinkPHP模型相关内容,阅读专题下面的文章了解更多详细介绍。

218

2026.03.26

ThinkPHP表单验证与数据安全处理实战
ThinkPHP表单验证与数据安全处理实战

本专题聚焦 ThinkPHP 在表单处理中的验证与安全机制,系统讲解验证器使用、自定义规则、场景验证以及错误提示处理。内容涵盖 XSS 防护、SQL 注入防御、数据过滤与输入校验等关键安全措施。通过实际案例,帮助开发者构建安全可靠的数据处理流程。

181

2026.03.30

ThinkPHP日志系统设计与异常监控实践
ThinkPHP日志系统设计与异常监控实践

本专题围绕 ThinkPHP 日志系统展开,深入讲解日志记录机制、日志级别划分、日志文件管理以及自定义日志通道配置。内容涵盖异常捕获、错误追踪、调试信息输出以及日志分析方法。通过实战讲解,帮助开发者提升系统问题定位能力与运维效率。

408

2026.03.30

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

0

2026.09.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn