thinkphp 6.0 结合 layuiadmin (iframe版)

您所在的位置:网站首页 layuiadmin官网 thinkphp 6.0 结合 layuiadmin (iframe版)

thinkphp 6.0 结合 layuiadmin (iframe版)

2023-03-12 09:57| 来源: 网络整理| 查看: 265

thinkphp6.0 文档 layuiadmin 文档

 

1、安装模板引擎驱动 composer require topthink/think-view

 

2、将layuiadmin静态资源放入框架中

 

 

 

3、定义模板输出替换

 

 

4、视图整合

 

 

 4.1主页采用模板分离  index.html 后台主页 DOCTYPE html> layuiAdmin std - 通用后台管理模板系统(iframe标准版) /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问'); {include file="base/head" /} {include file="base/left" /} {include file="base/pagetabs" /} layui.config({ base: '__layuiadmin__/', //静态资源所在路径 // version: new Date().getTime() //实时更新缓存,开发环境使用 }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'console']);

 

head.html 贤心 基本资料 修改密码 退出

 

left.html layuiAdmin 主页 控制台 主页一 主页二 组件 栅格 等比例列表排列 按移动端排列 移动桌面端组合 全端复杂组合 低于桌面堆叠排列 九宫格 按钮 表单 表单元素 表单组合 导航 选项卡 进度条 面板 徽章 时间线 动画 辅助 通用弹层 功能演示 特殊示例 风格定制 日期时间 功能演示一 功能演示二 设定主题 特殊示例 静态表格 数据表格 简单数据表格 列宽自动分配 赋值已知数据 转化静态表格 开启分页 自定义分页 开启头部工具栏 开启行合计 高度最大适应 开启复选框 开启单选框 树形表格 开启单元格编辑 加入表单元素 设置单元格样式 固定列 数据操作 监听行事件 数据表格的重载 设置初始排序 监听单元格事件 复杂表头 分页 功能演示一 功能演示二 上传 功能演示一 功能演示二 评分 轮播 流加载 工具 代码修饰 页面 个人主页 通讯录 商品列表 留言板 搜索结果 注册 登入 忘记密码 404页面不存在 错误提示 百度一下 layui官网 layuiAdmin官网 应用 内容系统 文章列表 分类管理 评论管理 社区系统 帖子列表 回帖列表 消息中心 工单系统 高级 LayIM 通讯系统 Echarts集成 折线图 柱状图 地图 用户 网站用户 后台管理员 角色管理 设置 系统设置 网站设置 邮件服务 我的设置 基本资料 修改密码 授权

 

pagetabs.html i 关闭当前标签页 关闭其它标签页 关闭全部标签页

 

4.2 iframe页采用模板继承 iframe 页 基础模板 basic.html DOCTYPE html> {block name="title"}{/block} {block name="css"}{/block} {block name="content"}{/block} {block name="js"}{/block} console.html 子模板 {extend name="common/basic" /} {block name="title"}layuiAdmin 控制台主页一{/block} {block name="content"} 快捷方式 主页一 主页二 弹层 聊天 进度条 工单 用户 设置 我的资料 我的资料 我的资料 我的资料 我的资料 我的资料 我的资料 我的资料 待办事项 待审评论 66 待审帖子 12 待审商品 99 待发货 20 待审友情链接 5 数据概览 今日热搜 今日热帖 版本信息 当前版本 v{{ layui.admin.v }} 更新日志 基于框架 layui-v{{ layui.v }} 主要特色 零门槛 / 响应式 / 清爽 / 极简 获取渠道 获取授权 立即下载 效果报告 转化率(日同比 28% ) 签到率(日同比 11% ) 实时监控 CPU使用率 内存占用率 产品动态 layuiAdmin 快速上手文档 layuiAdmin 会员讨论专区 获得 layui 官方后台模板系统 作者心语 一直以来,layui 秉承无偿开源的初心,虔诚致力于服务各层次前后端 Web 开发者,在商业横飞的当今时代,这一信念从未动摇。即便身单力薄,仍然重拾决心,埋头造轮,以尽可能地填补产品本身的缺口。 在过去的一段的时间,我一直在寻求持久之道,已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你,定然不会错过这一拥抱吧。 子曰:君子不用防,小人防不住。请务必通过官网正规渠道,获得 layuiAdmin! —— 贤心(layui.com) {/block} {block name="js"} layui.config({ base: '__layuiadmin__/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'console']); {/block} 其他的iframe页面,按需引入

 

5、访问

 

6、简化:

 

 common.html

DOCTYPE html> {// 为页面中的所有相对链接指定默认地址} {block name="title"}layuiAdmin std - 通用后台管理模板系统(iframe标准版){/block} {block name="css"}{/block} /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问'); {block name="content"}Hello layuiAdmin{/block} {block name="js"}{/block}

index.html

{extend name="common" /} {block name="content"} {include file="base/header" /} {include file="base/side" /} {include file="base/pagetabs" /} {/block} {block name="js"} layui.config({ base: '__layuiadmin__/', //静态资源所在路径 // version: new Date().getTime() //实时更新缓存,开发环境使用 }).extend({ index: 'lib/index' //主入口模块 }).use(['index']); {/block}

base 目录下的文件不变

 

参考:

https://www.kancloud.cn/monday/thinkphp6/1561635



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3