-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
263 lines (261 loc) · 11.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="求知讲堂，后台管理，HTML5，前端开发，Java，大数据，PHP开发，Python，人工智能" />
<meta name="description" content="该网站是用于IT在线教育的后台管理网站。" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<title>求知讲堂在线教育后台管理</title>
<link rel="shortcut icon" href="images/fav.jpg" type="image/x-jpeg">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--导航栏-->
<nav class="navbar navbar-default">
<div class="container">
<!--小屏幕导航按钮和logo-->
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">
求知讲堂后台管理系统
</a>
</div>
<!--导航-->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span> 后台首页</a></li>
<li><a href="user.html"><span class="glyphicon glyphicon-bullhorn"></span> 用户管理</a></li>
<li><a href="content.html"><span class="glyphicon glyphicon-heart-empty"></span> 内容管理</a></li>
<li><a href="tag.html"><span class="glyphicon glyphicon-fire"></span> 标签管理</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">admin <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="index.html"><span class="glyphicon glyphicon-screenshot"></span> 前台首页</a></li>
<li><a href="index.html"><span class="glyphicon glyphicon-user"></span> 个人主页</a></li>
<li><a href="index.html"><span class="glyphicon glyphicon-cog"></span> 个人设置</a></li>
<li><a href="index.html"><span class="glyphicon glyphicon-credit-card"></span> 账户中心</a></li>
<li><a href="index.html"><span class="glyphicon glyphicon-heart"></span> 我的收藏</a></li>
</ul>
</li>
<li><a href="javascript:close()"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<!--警告框-->
<div class="col-md-12">
<div class="alert alert-danger alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4>网站程序有漏洞，急需修复！</h4>
<p>当前版本程序(V1.22)存在严重安全问题，容易造成攻击，请即可修复！</p>
<p>
<button type="button" class="btn btn-danger">立即修复</button>
<button type="button" class="btn btn-default" data-dismiss="alert">稍后处理</button>
</p>
</div>
</div>
<!--网站数据统计-->
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">网站数据统计</div>
<div class="panel-body">
<table class="table table-hover">
<thead>
<tr>
<th>统计项目</th>
<th>今日</th>
<th>昨日</th>
</tr>
</thead>
<tbody>
<tr>
<th>注册会员</th>
<td>200</td>
<td>400</td>
</tr>
<tr>
<th>登录会员</th>
<td>4100</td>
<td>5112</td>
</tr>
<tr>
<th>今日发帖</th>
<td>1540</td>
<td>4511</td>
</tr>
<tr>
<th>转载次数</th>
<td>150</td>
<td>110</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--网站热帖-->
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">网站热帖</div>
<ul class="list-group">
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
<li class="list-group-item"><a href="#"><span class="glyphicon glyphicon-list-alt"></span> 泛Mooc职业教育， 效果和就业为王 <small class="pull-right">2021/2/20</small></a></li>
</ul>
</div>
</div>
<!--今日访客统计-->
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">今日访客统计</div>
<div class="panel-body">
<!--图表-->
<canvas id="canvas" class="col-md-12"></canvas>
</div>
</div>
</div>
<!--服务器状态-->
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">服务器状态</div>
<div class="panel-body">
<!--进度条-->
<p>内存使用率：40%</p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
</div>
</div>
<p>数据库使用率：20%</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
</div>
</div>
<p>磁盘使用率：60%</p>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
</div>
</div>
<p>CPU使用率：80%</p>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
</div>
</div>
</div>
</div>
</div>
<!--团队留言板-->
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">团队留言板</div>
<div class="panel-body">
<div class="col-md-7">
<div class="media well">
<div class="media-left">
<a href="#">
<img class="media-object wh64" src="images/a.png" alt="卓大哥">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">卓大哥</h4>
<p>技术大哥，今晚请把网站程序升级一下哈，现在的系统有漏洞，安全起见！</p>
</div>
</div>
<div class="media well">
<div class="media-body text-right">
<h4 class="media-heading ">技术大哥</h4>
<p>收到，今晚凌晨2点准时升级！</p>
</div>
<div class="media-right">
<a href="#">
<img class="media-object wh64" src="images/b.png" alt="技术大哥">
</a>
</div>
</div>
<div class="media well">
<div class="media-body text-right">
<h4 class="media-heading ">技术大哥</h4>
<p>你先在站点发布一下通知哈！</p>
</div>
<div class="media-right">
<a href="#">
<img class="media-object wh64" src="images/b.png" alt="技术大哥">
</a>
</div>
</div>
<div class="media well">
<div class="media-left">
<a href="#">
<img class="media-object wh64" src="images/a.png" alt="卓大哥">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">卓大哥</h4>
<p>好嘞。</p>
</div>
</div>
</div>
<div class="col-md-5">
<form action="#">
<div class="form-group">
<label for="text1">输入留言内容</label>
<textarea id="text1" class="form-control" cols="10" rows="5" placeholder="请输入留言内容"></textarea>
<button type="submit" class="btn btn-default contact">留言</button>
</div>
</form>
<div class="panel panel-default">
<div class="panel-heading">团队联系手册</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">站长(李小龙)：<span class="glyphicon glyphicon-phone"></span> 13134848615</li>
<li class="list-group-item">技术(大牛哥)：<span class="glyphicon glyphicon-phone"></span> 13456127694</li>
<li class="list-group-item">推广(张二哥)：<span class="glyphicon glyphicon-phone"></span> 13457815482</li>
<li class="list-group-item">客服(王女士)：<span class="glyphicon glyphicon-phone"></span> 13134567782 <span class="glyphicon glyphicon-phone-alt"></span> 0371-61171272</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--footer-->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<p>
© Copyright 2010-2030 求知讲堂在线教育 深ICP备14041383号 版权所有
</p>
</div>
</div>
</div>
</footer>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/Chart.js"></script>
<script src="js/script.js"></script>
<script>
$(function () {
//小屏幕导航点击关闭菜单
$('.navbar-collapse a').click(function () {
$('.navbar-collapse').collapse('hide');
});
})
</script>
</html>