摘要:<!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:;">默認(rèn)展開</a> </li> <li> <a href="javascript:;">解決方案</a> </li> </ul> </div> </div> <div> <h2>權(quán)限設(shè)置</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:;">默認(rèn)展開</a> </li> <li> <a href="javascript:;">解決方案</a> </li> </ul> </div> </div> <div> <h2>系統(tǒng)設(shè)置</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:;">默認(rèn)展開</a> </li> <li> <a href="javascript:;">解決方案</a> </li> </ul> </div> </div> <div> <h2>系統(tǒng)設(shè)置</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:;">默認(rèn)展開</a> </li> <li> <a href="javascript:;">解決方案</a> </li> </ul> </div> </div> <div> <h2>系統(tǒng)設(shè)置</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:;">默認(rèn)展開</a> </li> <li> <a href="javascript:;">解決方案</a> </li> </ul> </div> </div> <div> <h2>系統(tǒng)設(shè)置</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:;">默認(rèn)展開</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ù)后臺的用法