摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../static/css/layui.css" /> <script type="text/j
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../static/css/layui.css" />
<script type="text/javascript" src="../static/js/layui.all.js" ></script>
<script src="../static/js/jquery-3.3.1.min.js"></script>
<title>JD京東商城- -后臺(tái)管理系統(tǒng)</title>
<style>
.header{width: 100%;height: 50px;background: #2e6da4;color: #fff;line-height: 50px;}
.title{font-size:17px;margin-left: 20px;}
.user-info{float: right;margin-right: 17px;}
.user-info a{color: #fff;}
.menu{width: 200px;background: #333744;position: absolute;}
.main{position: absolute;left: 200px;right: 0;}
.layui-collapse{border: none;}
.layui-colla-item{border-top: none;}
.layui-colla-content{border-top: none;padding: 0;}
.layui-colla-title{background: #42485b;color:#ffffff;}
</style>
</head>
<body>
<!--頭部-->
<div class="header">
<span class="title">JD京東商城- -后臺(tái)管理系統(tǒng)</span>
<span class="user-info">admin【系統(tǒng)管理員】<span><a href="#">退出</a></span></span>
</div>
<!--菜單-->
<div class="menu" id="">
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">管理員管理</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>
</ul>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">管理員管理</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>
</ul>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">管理員管理</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>
</ul>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">管理員管理</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>
</ul>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">管理員管理</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>
</ul>
</div>
</div>
</div>
</div>
<!--主操作頁(yè)面-->
<div class="main">
<iframe src="Welcome.html" style="width: 100%; height: 100%;"frameborder="0" scrolling="0"></iframe>
</div>
<!--
Welcome
<div style="font-size: 16px; text-align: center;color:#aaa;">
<h1>歡迎使用后臺(tái)管理系統(tǒng)</h1>
</div>
-->
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-02-01 11:44:52
老師總結(jié)：<iframe src="Welcome.html" style="width: 100%; height: 100%;"frameborder="0" scrolling="0"></iframe>
不給內(nèi)聯(lián)框架添加name屬性, 后面的引用, 會(huì)比較麻煩