layui框架引入TP教程

TP5.1教程：

1.TP框架新建一个 admin模块

2.打开TP框架public/static，新建一个admin文件夹

3.开下载的layui框架E:\layuiAdmin.pack\layuiAdmin.std-v1.6.0\src目录，把layuiadmin文件夹，拉入新建的admin文件夹

3.打开TP5.1看云文档 https://www.kancloud.cn/manual/thinkphp5_1/354067，复制

'tpl_replace_string'  =>  ['__STATIC__'=>'/static','__JS__' => '/static/javascript',
]

打开框架/config/template.php，复制并修改写入

'tpl_replace_string'  =>  ['__layuiadmin__' => '/static/admin/layuiadmin',]

4.在新建的admin模块，新建一个index方法，直接渲染视图

<?phpnamespace app\admin\controller;
class Index{    　　　　public function index()    　　　　{          　　　　　　return view();     　　　　}}

5.打开layui目录E:\layuiAdmin.pack\layuiAdmin.std-v1.6.0\src\views ，把index.html文件拉进 TP框架中新建的 admin模块 view/index 文件夹下；

6.打开layui目录E:\layuiAdmin.pack\layuiAdmin.std-v1.6.0\src\views\home，把console.html文件拉进 TP框架中新建的 admin模块 view/index 文件夹下；

7. 打开index.html，修改静态文件目录：ctrl+H 搜索 ../layuiadmin 修改成 /static/admin/layuiadmin 修改全部；

8.打开index.html，修改静态文件目录：ctrl+F 搜索 iframe 将

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

修改成

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

9.运行TP框架admin模块index方法：控制台正常访问；

layui框架引入TP教程相关推荐

最新最全的 layUI 框架使用教程视频教程分享
最新最全的 layUI 框架使用教程视频教程分享! 教程截图如下: 本系列课程为大家介绍的是一款优秀国产UI框架layUI,该框架是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CS ...
crm开源系统 tp框架_thinkphp6学习教程与源码 tp6开源CMS系统源码研究
thinkphp6最新正式版框架上市已经有一段时间了,从官方的介绍来看,tp6的框架和tp5有很大的区别,完全重新改写了底层架构代码和逻辑,所以不支持thinkphp5的无缝升级,也就是说如果你之前的 ...
TP框架引入第三方无命名空间类
TP框架引入第三方无命名空间类前言通常我们引用第三方库都是通过composer,自动加载引用,不需要别麻烦,但是总会遇到没有可能服务器环境不同,composer问题等等,导致无法通过compose ...
layui个人中心html,Layui的简易入门教程
layui是一款采用自身模块规范编写的前端UI框架,非常适合界面的快速开发.本篇文章给大家分享一下Layui的简易入门教程,介绍一下layui如何在你的项目中使用. 获得 layui 后,将其完整地部 ...
php layui 框架,快速上手前端框架layui
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 一.介绍在使用layui之前,我们先要了解一下la ...
美团小程序框架mpvue入门教程
美团小程序框架mpvue入门教程自打写了美团小程序框架mpvue蹲坑指南, 一发不可收拾,今天趁周末空闲,来写个mpvue(没朋友)的简单入门教程,本教程只针对新手,老鸟勿喷. 另外,我还专门为本 ...
layUI框架中文件上传前后端交互及遇到的相关问题
下面我将讲述一下我在使用layUI框架中文件上传所遇到的问题: 前端jsp页面: <div class="layui-form-item"> <label cla ...
Log4j2日志记录框架的使用教程与简单实例
1.Log4j2的使用教程 1.1 简介 Log4j的1.x版本虽然已经被广泛使用于很多应用程序中,但由于出现内存泄漏等bug,代码难以维护,以及需要使用老版本的jdk等劣势,在2015年8月已经玩完 ...
uni-app uView UI框架下载安装教程
uviewUI 多平台快速开发的UI框架 uni-app2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归. 因此,uView应运而生,uView的目标是成为uni-app生 ...

layui框架引入TP教程

layui框架引入TP教程相关推荐

最新文章

热门文章