摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="../layui/c
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<script src='../layui/js/layui.js'></script>
<style>
.header{width: 100%;height: 50px;line-height: 50px;background: #2e6da4;color: #fff;}
.header .title{margin-left: 20px;font-size: 20px;float: left;}
.header .userInfo{float: right;margin-right: 20px;}
.header .userInfo a{ color: #fff; }
#main{position:absolute;left: 200px;width: 100%;}
.menu{ width: 200px;background: #333744;position: absolute; }
.layui-collapse{border:none;}
.layui-colla-item{border-top: none;}
.layui-colla-content .layui-colla-title{background: #42485b;color: #fff;}
.layui-colla-content{padding: 0;}
</style>
</head>
<body>
<div>
<div>后臺管理系統(tǒng)</div>
<div>admin[系統(tǒng)管理員] <a href="">退出</a></div>
</div>
<div id='menu'>
<div>
<div>
<h2>管理員管理</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
<div>
<h2>權限設置</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
<div>
<h2>系統(tǒng)設置</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
<div>
<h2>系統(tǒng)設置</h2>
<div class="layui-colla-content layui-show">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
<div>
<h2>系統(tǒng)設置</h2>
<div class="layui-colla-content layui-show"><ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
<div>
<h2>系統(tǒng)設置</h2>
<div class="layui-colla-content layui-show"><ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默認展開</a>
</li>
<li>
<a href="javascript:;">解決方案</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="main">
<iframe src="welcome.html" style="width: 100%;height: 100%" frameborder="0" scrolling="0"></iframe>
</div>
</body>
</html><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="text-align: center;color: gray;font-size: 20px"> <h1>歡迎使用后臺管理系統(tǒng)</h1> </div> </body> </html>
批改老師：天蓬老師批改時間：2019-01-10 08:52:07
老師總結(jié)：<iframe src="welcome.html">后臺主體用它來渲染, 是大多數(shù)后臺的用法