<!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">
<script>
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
</script>
</head>
<body class="layui-layout-body">
<div id="LAY_app">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<!-- 头部区域 -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layadmin-flexible" lay-unselect>
<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="http://www.baidu.com/" target="_blank" title="前台">
<i class="layui-icon layui-icon-website"></i>
</a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" layadmin-event="refresh" title="刷新">
<i class="layui-icon layui-icon-refresh-3"></i>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">
</li>
</ul>
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
<li class="layui-nav-item" lay-unselect>
<a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
<i class="layui-icon layui-icon-notice"></i>
<!-- 如果有新消息,则显示小圆点 -->
<span class="layui-badge-dot"></span>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="theme">
<i class="layui-icon layui-icon-theme"></i>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="note">
<i class="layui-icon layui-icon-note"></i>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="fullscreen">
<i class="layui-icon layui-icon-screen-full"></i>
</a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;">
<cite>tester</cite>
</a>
<dl class="layui-nav-child">
<dd><a lay-href="set/user/info.html">基本资料</a></dd>
<dd><a lay-href="set/user/password.html">修改密码</a></dd>
<hr>
<dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
</li>
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
</li>
</ul>
</div>
<!-- 侧边菜单 -->
<div class="layui-side layui-side-menu">
<div class="layui-side-scroll">
<div class="layui-logo" lay-href="home/console.html">
<span>layuiAdmin</span>
</div>
<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
<li data-name="home" class="layui-nav-item layui-nav-itemed">
<a href="javascript:;" lay-tips="主页" lay-direction="2">
<i class="layui-icon layui-icon-home"></i>
<cite>主页</cite>
</a>
<dl class="layui-nav-child">
<dd data-name="console" class="layui-this">
<a lay-href="home/console.html">控制台</a>
</dd>
<dd data-name="console">
<a lay-href="home/homepage1.html">主页一</a>
</dd>
<dd data-name="console">
<a lay-href="home/homepage2.html">主页二</a>
</dd>
</dl>
</li>
<li data-name="component" class="layui-nav-item">
<a href="javascript:;" lay-tips="组件" lay-direction="2">
<i class="layui-icon layui-icon-component"></i>
<cite>组件</cite>
</a>
<dl class="layui-nav-child">
<dd data-name="grid">
<a href="javascript:;">栅格</a>
<dl class="layui-nav-child">
<dd data-name="list"><a lay-href="component/grid/list.html">等比例列表排列</a></dd>
<dd data-name="mobile"><a lay-href="component/grid/mobile.html">按移动端排列</a></dd>
<dd data-name="mobile-pc"><a lay-href="component/grid/mobile-pc.html">移动桌面端组合</a></dd>
<dd data-name="all"><a lay-href="component/grid/all.html">全端复杂组合</a></dd>
<dd data-name="stack"><a lay-href="component/grid/stack.html">低于桌面堆叠排列</a></dd>
<dd data-name="speed-dial"><a lay-href="component/grid/speed-dial.html">九宫格</a></dd>
</dl>
</dd>
<dd data-name="button">
<a lay-href="component/button/index.html">按钮</a>
</dd>
<dd data-name="form">
<a href="javascript:;">表单</a>
<dl class="layui-nav-child">
<dd><a lay-href="component/form/element.html">表单元素</a></dd>
<dd><a lay-href="component/form/group.html">表单组合</a></dd>
</dl>
</dd>
<dd data-name="nav">
<a lay-href="component/nav/index.html">导航</a>
</dd>
<dd data-name="tabs">
<a lay-href="component/tabs/index.html">选项卡</a>
</dd>
<dd data-name="progress">
<a lay-href="component/progress/index.html">进度条</a>
</dd>
<dd data-name="panel">
<a lay-href="component/panel/index.html">面板</a>
</dd>
<dd data-name="badge">
<a lay-href="component/badge/index.html">徽章</a>
</dd>
<dd data-name="timeline">
<a lay-href="component/timeline/index.html">时间线</a>
</dd>
<dd data-name="anim">
<a lay-href="component/anim/index.html">动画</a>
</dd>
<dd data-name="auxiliar">
<a lay-href="component/auxiliar/index.html">辅助</a>
</dd>
<dd data-name="layer">
没有合适的资源?快使用搜索试试~ 我知道了~
> layuiAdmin.pro(即:单页版) > layuiAdmin.std(即:iframe 版) 所谓“单页版”,即 SPA(单页面应用系统)开发模式,也就是所有的页面动作都是在一个宿主页面中完成,通常用于前后端分离。其中视图层全权由前端把控,数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制,这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是,接口鉴权不再适用于传统的 session 模式,一般需要采用 JWT。总体来说,刚开始使用会相对有些复杂,但使用习惯后,项目会更易维护。 所谓“iframe版”,即基于 iframe 容器跳转的多页面开发模式,视图层通常由服务端输出,每一个页面都在一个完全独立的空间中运行,因此一般适用于规模相对庞大的应用系统,它可以避免不同界面之间的冲突,但如果打开的 iframe 元素过多,浏览器负荷会相对较高。 一般对于大多数服务端程序员来说,“iframe版” 的上手难度要远低于“单页版”。
资源推荐
资源详情
资源评论
收起资源包目录






共 583 条
- 1
- 2
- 3
- 4
- 5
- 6
- 117













资源评论

- #标题与内容不符
- #内容缺失
- #文件乱码
- #引导二次消费
- #需要密码
- #运行出错
- #毫无价值
- #上传者态度恶劣
- #无法联系上传者
jiafu0773
- 粉丝: 0
- 资源: 19

上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
已下载
下载帮助

内容简介:package.json gulpfile.js demo2.html demo1.html index.html
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
