<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>后台管理系统</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/back.css"/>
</head>
<body>
<div class="header">
<div class="logo">
<a href="#"><img src="img/images/icons_03.png"/></a>
</div>
<div class="right_li">
<ul>
<li>
<a href="#" class="data1">数据采集</a>
</li>
<li>
<a href="#" class="data2">数据采集</a>
</li>
<li>
<a href="#" class="data3">数据采集</a>
</li>
<li class="data">
<a href="#" class="data4">数据采集</a>
</li>
<li>
<a href="#" class="data5">数据采集</a>
</li>
<li>
<a href="#" class="data6">数据采集</a>
</li>
<li>
<a href="#" class="data7">数据采集</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="side_left">
<ul>
<li>
<a href="#">设备信息
</a><span></span>
<ul class="second">
<li><a href="#">所有设备</a></li>
<li><a href="#">正常设备</a></li>
<li><a href="#">异常设备</a></li>
<li><a href="#">共享设备</a></li>
</ul>
</li>
</ul>
</div>
<div class="side_right">
<div class="nav">
<span>当前位置</span>
</div>
<div class="inp">
<img src="img/images/icons_33.png"/><span>设备名称:</span>
<input type="text" name="" id="" value="" /><span>设备类型:</span>
<select name="">
<option value="" selected="selected"></option>
<option value="">网络摄像头</option>
</select>
<input type="button" name="" id="" value="查询" />
</div>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<!--<caption><a href="#">修改</a><a href="#">删除</a></caption>-->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><a href="#">修改</a>|<a href="#" class="del">删除</a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" />全选</td>
<td><h4>设备类型</h4></td>
<td><h4>设备名称</h4></td>
<td><h4>设备编号</h4></td>
<td><h4>创建日期</h4></td>
<td><h4>设备状态</h4></td>
<td><h4>是否共享</h4></td>
<td><h4>修改</h4></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_56.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_57.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_56.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_57.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_56.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_57.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" value="" /></td>
<td>网络视频摄像头</td>
<td>camera001</td>
<td>213131131</td>
<td>2019/09/08</td>
<td><a href="#"><span><img src="img/images/icons_45.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_49.png"/></span></a></td>
<td><a href="#"><span><img src="img/images/icons_52.png"/></span></a></td>
</tr>
</table>
<span class="tip">共有n条数数据,当前第一页</span>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
后台管理练习.zip
共24个文件
png:20个
css:2个
html:1个
需积分: 10 1 下载量 78 浏览量
2020-01-20
00:05:58
上传
评论
收藏 50KB ZIP 举报
温馨提示
该页面是我之前拿来练手的,实现了基本的后台管理系统的页面,该页面的布局是使用高度使用固定值,宽度使用百分比,这个页面对于初学者来说是比较实在,里面用到的知识下载之后可以细细品呀,有啥建议的,请积极反馈哦,我们一起学习一起进步
资源推荐
资源详情
资源评论
收起资源包目录
后台管理练习.zip (24个子文件)
H51913 黎维源 back - 副本
css
reset.css 539B
back.css 4KB
img
images
icons_06.png 2KB
images
icon_03.png 1KB
icons_31.png 1KB
icons_40.png 1KB
icons_03.png 13KB
icons_20.png 2KB
icons_16.png 2KB
icons_52.png 536B
icons_11.png 2KB
icons_49.png 562B
icons_18.png 2KB
icons_33.png 2KB
icons_37.png 1KB
icons_09.png 2KB
icons_45.png 515B
icons_57.png 503B
icons_14.png 2KB
icons_56.png 453B
icon.png 3KB
libj.png 4KB
index.html 8KB
js
.project 966B
共 24 条
- 1
资源评论
blueSky-fan
- 粉丝: 19
- 资源: 11
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功