abstract:<!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京东商城- -后台管理系统</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京东商城- -后台管理系统</span>
<span class="user-info">admin【系统管理员】<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>
<!--主操作页面-->
<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>欢迎使用后台管理系统</h1>
</div>
-->
</body>
</html>
Correcting teacher:天蓬老师Correction time:2019-02-01 11:44:52
Teacher's summary:<iframe src="Welcome.html" style="width: 100%; height: 100%;"frameborder="0" scrolling="0"></iframe>
不给内联框架添加name属性, 后面的引用, 会比较麻烦