ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
>[danger] layuiadmin iframe 模板布局方案分享 + 将layuiadmin静态资源放入框架中 + 定义模板输出替换 + 将主页的模板文件放入框架视图并替换静态资源路径 + 主页采用模板分离 + iframe页采用模板继承 >[danger] 目录结构 ![](https://img.kancloud.cn/bf/ae/bfaee93768a7a9e99140e2929200f5cc_314x479.png) >[danger] 后台主页 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layuiAdmin std - 通用后台管理模板系统(iframe标准版)</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="__LAYUIADMIN__/layui/css/layui.css" media="all"> <link rel="stylesheet" href="__LAYUIADMIN__/style/admin.css" media="all"> </head> <body class="layui-layout-body"> <div id="LAY_app"> <div class="layui-layout layui-layout-admin"> <!-- 头部区域 --> {include file="base/head" /} <!-- 侧边菜单 --> {include file="base/left" /} <!-- 页面标签 --> {include file="base/pagetabs" /} <!-- 主体内容 --> <div class="layui-body" id="LAY_app_body"> <div class="layadmin-tabsbody-item layui-show"> <iframe src="{:url('index/console')}" frameborder="0" class="layadmin-iframe"></iframe> </div> </div> <!-- 辅助元素,一般用于移动设备下遮罩 --> <div class="layadmin-body-shade" layadmin-event="shade"></div> </div> </div> <script src="__LAYUIADMIN__/layui/layui.js"></script> <script> layui.config({ base: '__LAYUIADMIN__/' //静态资源所在路径 ,version: new Date().getTime() //实时更新缓存,开发环境使用 }).extend({ index: 'lib/index' //主入口模块 }).use('index'); </script> </body> </html> ``` >[danger] iframe 页面 基础模板 ![](https://img.kancloud.cn/f4/e8/f4e8e3b494b74ba393bb3b50d2feb854_1081x647.png) 子模板 ![](https://img.kancloud.cn/ee/ad/eead0c5b483bc18e5e023c2a1901e58a_760x571.png)