后台首页搭建

Original 2019-06-04 08:26:02 286
abstract:<!DOCTYPE html> <html> <head> <title>后台管理主页</title> <link rel="stylesheet" type="text/css" href="static/layui/css/layui
<!DOCTYPE html>
<html>
<head>
	<title>后台管理主页</title>
		<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
	<script type="text/javascript" src="static/layui/layui.js"></script>
	<link rel="stylesheet" type="text/css" href="static/css/home.css">
</head>

<body>
	<!-- header -->
	<div class="header">
		<span class="title">京东商城 - - 后台管理系统</span>
		<span class="userInfo">Admin[系统管理员]
			<span> <a href="#">退出</a> </span>
		</span>

	</div>

	<!-- menu -->
	<div class="menu" id="menu">
		<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">
							<a href="javascript:void(0);">默认展开</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">
							<a href="javascript:void(0);">默认展开</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">
							<a href="javascript:void(0);">默认展开</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">
							<a href="javascript:void(0);">默认展开</a>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</div>

	<!-- main -->
	<div class="main">
		<iframe src="welcome.html" style="width: 100%;height: 100%;" frameborder="0" scrolling="0"></iframe>
	</div>

</body>
</html>


Correcting teacher:查无此人Correction time:2019-06-04 09:29:06
Teacher's summary:完成的不错。后台管理除了文字、图片、编辑框。以后可以增加点数据图形。继续加油

Release Notes

Popular Entries