后台管理系统第一章节

Original 2019-02-01 11:19:57 197
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属性, 后面的引用, 会比较麻烦

Release Notes

Popular Entries