Thinkphp5.1配置layui全局环境

于 2023-04-21 19:09:09 发布
阅读量454 收藏 1
点赞数 1
文章标签： layui 前端框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57650119/article/details/130294957
版权

首先去下载layui

https://layui.itze.cn/

下载之后直接丢thinkphp5.1的public目录下就行了记得看一下layui文件里的架构如我的

 

public/layui/下面就是layui的文件了如有个layui.js这个就是页面需要插入的js文件还有两个文件夹

一个是css文件夹一个是font文件夹

然后到config文件夹下的app.php里添加

'tpl_replace_string'  =>  [
        '__layuiadmin__' => '/public/layuiadmin',
]

在里面添加就行然后就配置好了

在app目录下按照正常的路由环境去创建admin或者index文件夹按照MVC格式去创建你需要创建的index.html文件

 进入layui的官网我们打开文档。到在找个模板

复制粘贴到index文件里

上面这张图这里箭头指的地方就是引入的css文件

下面图里是js引入的文件

 因为不喜欢看文档，百度的方法也很乱，5.1又是个不上不下的版本文件位置和5.0不同所有自己一个文件一个文件的去调试

跟我一样配置的话基本从layui上复制过来的模板代码不用担心路径问题

然后我们来看看成功效果

这是admin文件夹里的

下面是index文件夹里的

 希望和我一样自己摸索的同学少走弯路

 

 

 

大冤种丶
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
thinkphp5+layui后台系统(含数据库脚本).rar
12-22
thinkphp5+layui后台系统(含数据库脚本).rar
TP5.1+layui前后台齐全的博客系统源码.zip
07-18
框架主要使用 thinkphp 5.1 + layui。后台基于99Admin进行开发，具备auth权限认证管理功能，后台路径可以自行定义，防止别人能够轻易找到你的后台地址。权限节点可以自动进行更新，无需手动刷新。另外集成了博客社区系统、QQ快捷登录、七牛云上传、阿里大于短信。
jackchow-rbacshow:基于thinkphp5.1和layui2.3的Rbac系统展示
04-24
Rbac 演示后台 基于ThinkPHP5.1， layui2.3 的Jackchow/rbac权限包的演示后台 安装条件： php版本 >= 5.6.0 安装方法： Git 安装 使用命令 git clone https://github.com/jackchow123456/jackchow-rbacshow 对了，不要忘了使用 composer install 或者 composer update 安装对应依赖 Composer 安装 使用命令 composer create-project jackchow/rbacshow 目录结构 基本主要的目录结构如下： www WEB部署目录（或者子目录） ├─application 应用目录 │ ├─common 公共模块目录（可以更改） │ ├─admin 后台
thinkphp5.1 + layui的CMS系统
04-04
安装环境推荐PHP7.0版本以上 + Apache（Nginx也可以）-》安装后项目运行的最低php版本支持5.6以上 网站入口请部署至public文件夹下（即 99Blog/public 目录下） 运行安装目录，运行 http://域名/install（例如：https://blog.99php.cn/install） 即可进行根据提示进行安装 安装会进行后台路径和管理员的初始化（后台路径不建议设置为admin，容易被人发现后台入口） 安装后会在config/lock文件夹下生成install.lock文件的安装锁（如果需要重新安装，请删除该文件夹即可）
完整的Thinkphp5+LayUI开源后台管理系统源码.rar
08-05
完整的Thinkphp5+LayUI开源后台管理系统源码包含数据库表结构和信息,极大的节省了开发时间。采用的是thinphp5.0版本,安装后记得开启伪静态处理。
layui学习
Hello_sum的博客
08-05 6330
目录 一、底层方法 1、全局配置：layui.config(options) 2、定义模块：layui.define([mods],callback) 3、加载所需模块：layui.use([mods],callback) 4、其他的方法 二、页面元素（认识） 三、模块规范 四、页面元素（使用） 1、栅格、后台布局 1.1、介绍： 1.2、响应式规则 2、颜色 2.1、内...
layui学习笔记（一） 关于layuiAdmin pro+ThinkPHP6部署方案
xych_ccui的博客
03-24 3205
由于 layuiAdmin pro 可采用前后端分离开发模式，因此你无需将其放置在你的服务端 MVC 框架中，你只需要给 layuiAdmin 主入口页面（我们也称之为： 宿主页面）进行访问解析，它即可全权完成自身路由的跳转和视图的呈现，而数据层则完全通过服务端提供的异步接口来完成。，并可自主完成数据渲染，服务端通常只负责数据接口，而前端只需专注视图和事件交互，所有的页面动作都是在一个宿主页面中完成，因此这赋予了layuiAdmin 单页面应用开发的能力。，服务端通常只负责数据接口。
php+layui实战，做一个轻社区
weixin_38568540的博客
11-15 1036
本来业务需要搭建一个轻社区，本着这个方向做了些低成本实现的调研，最终选择了layui作为前端模板，这样一个后端研发同学就可以轻松搞定了。顺便实现了个练手站。
layui学习笔记（二）关于layuiAdmin pro+ThinkPHP6的登录,关闭浏览器自动退出layui.sessionData方法
xych_ccui的博客
03-25 1047
若鉴权失败，服务端的 code 应返回 1001（可在 config.js 自定义） ， layuiAdmin 将会自动清空本地无效 token 并跳转到登入页。打开登录对应的视图文件 /public/static/src/views/user/login.html，提供后端数据接口，返回 access_token 值。/login/login 我用的TP6接口格式，返回数据，此接口格式需要配置.htaccess。值时，会强制跳转到登录页面http://localhost/#/user/login。
#layui：模块加载、全局配置、定义模块、动态加载CSS、本地存储、获取浏览器信息、其他 @FDDLC
LiuXingchang的博客
04-05 4914
一、模块加载 1、指定加载模块(手动加载)： 2、全模块加载(自动加载) 附： 加载所需模块 方法：layui.use([mods], callback) layui 的内置模块并非默认就加载的，他必须在你执行该方法后才会加载。它的参数跟上述的 define 方法完全一样。 另外请注意，mods 里面必须是一个合法的模块名，不能包含目录。如果需要加载目录，建议采用 extend 建立别名（详见模块规范） layui.use(['laypage', 'layedit'], fun.
酒店管理系统thinkphp5.1+layui
06-03
简单的酒店预约管理系统 1.房间管理：所有房间信息、房间状态、登记入住、退房、预订房间 2.用户管理：用户注册、登录 3.订餐管理：订餐 4.员工管理：添加员工、编辑员工 5.酒店管理：添加修改酒店信息
学生在线考试系统thinkphp5+layui
04-21
基于thinkphp5和layui开发框架,分前后两端，后端管理发布考试。前端学生登录考试。现阶段支持单选和多选两种题型，后续扩展。系统自动判卷。考试定时，倒计时，学生成绩导出，查询等。 后台流程 1. 创建考题（录入题库） 2. 创建考试->设置允许班级->从题库导入考试->排序赋分 3. 创建班级->导入学生 4. 发布考试 5. 回收成绩 前台学生 1. 登入系统 2. 选择考试 3. 参考提交
基于thinkphp5.1与layui编写的rbac权限管理
最新发布
11-16
基于thinkphp5.1与layui编写的rbac权限管理
HisiPHP V2版是基于ThinkPHP5.1和Layui开发的开源PHP后台框架
06-08
HisiPHP V2版 基于ThinkPHP5.1 + layui开发的一套开源PHP快速开发框架，默认集成了权限管理、模块管理、插件管理、钩子管理、数据库管理等常用功能，以方便开发者快速构建自己的应用，我们在发布第一个版本就为您...
Think php5.1 增加Layui分页样式 简单详细
闲来无事的博客
08-09 520
首先在tp源码根目录 thinkphp -> library -> paginator -> driver 文件夹内新增 Layui.php 这个类文件 然后复制下面的代码粘贴进去。 <?php // +---------------------------------------------------------------------- // | ThinkPH...
thinkphp5整合layuiadmin
榆落同学的博客
05-04 1795
目录 下载layuiAdmin 集成到thinkphp5 下载layuiAdmin 网盘链接：https://pan.baidu.com/s/19npedmWgom6eZbxGqknDCA 提取码：dhlg 目录结构为： ├─layuiAdmin.v1.2.1 │ ├─layadmin //css,js静态资源 │ │ ├─json │ │ ├─layui │ │ ├─lib │ │ └─ ...
layui引入php项目,Layui使用入门教程
weixin_39717367的博客
03-16 749
layui(谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。非常适合界面的快速开发。获得 layui 后，将其完整地部署到你的项目目录(或静态资源服务器)，你只需要引入下述两个文件：./layui/css/layui.css./layui/layui.js //提示：如果是采用非模块化方式(最下面有讲解)，此处可...
layui的使用
qq_44765534的博客
05-24 1730
> layuiAdmin.pro（即：单页版） > layuiAdmin.std（即：iframe 版） 所谓“单页版”，即 SPA（单页面应用系统）开发模式，也就是所有的页面动作都是在一个宿主页面中完成，通常用于前后端分离。其中视图层全权由前端把控，数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制，这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是，接口鉴权不再适用于传统的 session 模式，一般需要采用 JWT
SpringCloud微服务架构前后端分离项目实践
weixin_50196917的博客
06-07 4762
一款 Java 语言基于 SpringCloud、Vue、ElementUI、MySQL等框架精心打造的一款前后端分离框架，致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题的个性化呈现的需
用thinkphp5.1 写一个layui 分页功能
05-24
好的，下面是使用thinkphp5.1和layui实现分页的步骤： 1. 安装layui和thinkphp5.1 在项目根目录下使用composer安装layui和thinkphp5.1： ``` composer require topthink/think:5.1.* -vvv composer require layui/layui ``` 2. 创建控制器和视图文件 在控制器中定义一个方法用于获取数据和渲染视图： ```php namespace app\index\controller; use think\Controller; use think\Db; class Index extends Controller { public function index() { // 获取数据 $list = Db::name('user')->paginate(10); // 渲染视图 $this->assign('list', $list); return $this->fetch(); } } ``` 在视图文件中使用layui的分页组件： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>分页演示</title> <link rel="stylesheet" href="/static/layui/css/layui.css"> </head> <body> <div class="layui-container"> <table class="layui-table"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> {volist name="list" id="vo"} <tr> <td>{$vo.id}</td> <td>{$vo.name}</td> <td>{$vo.age}</td> </tr> {/volist} </tbody> </table> <div id="page"></div> </div> <script src="/static/layui/layui.js"></script> <script> layui.use(['laypage', 'layer'], function(){ var laypage = layui.laypage; var layer = layui.layer; // 初始化分页组件 laypage.render({ elem: 'page', count: {$list.total}, limit: {$list.list_rows}, curr: {$list.current_page}, jump: function(obj, first){ if(!first){ // 点击分页按钮时触发的回调函数 window.location.href = '?page=' + obj.curr; } } }); }); </script> </body> </html> ``` 3. 实现分页功能 在控制器中获取分页数据： ```php namespace app\index\controller; use think\Controller; use think\Db; class Index extends Controller { public function index() { // 获取当前页码 $page = $this->request->get('page', 1); // 获取分页数据 $list = Db::name('user')->paginate(10, false, ['page' => $page]); // 渲染视图 $this->assign('list', $list); return $this->fetch(); } } ``` 在视图文件中根据当前页码显示对应的数据： ```html <tbody> {volist name="list" id="vo"} <tr> <td>{$vo.id}</td> <td>{$vo.name}</td> <td>{$vo.age}</td> </tr> {/volist} </tbody> ``` 然后在分页组件的回调函数中设置跳转链接： ```js jump: function(obj, first){ if(!first){ // 点击分页按钮时触发的回调函数 window.location.href = '?page=' + obj.curr; } } ``` 这样就可以实现使用thinkphp5.1和layui实现分页功能了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值