博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端项目课程4 如何快速布局网页后台
阅读量:5993 次
发布时间:2019-06-20

本文共 12237 字,大约阅读时间需要 40 分钟。

前端项目课程4 如何快速布局网页后台

一、总结

一句话总结:套用bootstrap,然后需要的模块(比如导航、分页、模态框等)直接去bootstrap里面拖即可。

 

1、如何留出上端固定导航条的位置?

用的padding,而不是加div

给body设置padding即可

16         body{ 17             padding-top:70px; 18 }

 

2、如何使用框架(比如bootstrap)里面的各种样式?

a、用样式

b、样式不合意,找到样式的样式名,然后修改即可

.navba-brand本来是bootstrap里面的样式

11         .navbar-brand{ 12             color:#fff!important; 13 font-weight: bold; 14 }

 

3、弹出框用什么(比如修改密码的时候)?

模态框

使用的话超简单,直接进去拷就行了

 

4、如果bootstrap里面比如分页弄过来的代码不是预期要求,但是它上面显示的是预期要求,你怎么用这个样式?

检查里面拷贝源代码即可

列出的代码可能有问题,但是显示正常的源代码一定是没有问题的

 

5、后台如何实现模块化开发(区域自治)?

每个模块占单独的一个文件夹,这样也特别不容易错,要区域自治

 

 

二、如何快速布局网页后台

1、截图

 

 

 

 

2、代码

admin/index.html

1   2   3   4     
5 酒仙网后台 6 20
21 22 23 24 25 26 27
28
57 58
85 86 87
88
89
90
91
98
99
103
104
105 106
107
114
122
123 124
125
132
140
141 142
143
150
158
159 160
161
168
176
177 178
179
186
194
195 196
197
204
212
213 214
215 216
217 218
219
220
221
222
223

酒仙网后台信息:

224

联系方式: 0351-2728453

225

226 网站首页 227 退出系统228

229
230
231
232
233
234 235

 

admin/user/inde.html

1   2   3   4     
5 酒仙网后台 6 20
21 22 23 24 25 26 27
28
57 58
85 86 87
88
89
90
91
98
99
103
104
105 106
107
114
122
123 124
125
132
140
141 142
143
150
158
159 160
161
168
176
177 178
179
186
194
195 196
197
204
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
264 265
266
267
268
269
270
271
272
273 274
275
276
277
278
279
280
281
282 283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
编号 用户名 密码 注册时间 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
1 user1 123 2016-5-31 修改 删除
308 309
318
319
320
321 322

 

admin/user/add.html

1   2   3   4     
5 酒仙网后台 6 20
21 22 23 24 25 26 27
28
57 58
85 86 87
88
89
90
91
98
99
103
104
105 106
107
114
122
123 124
125
132
140
141 142
143
150
158
159 160
161
168
176
177 178
179
186
194
195 196
197
204
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

 

 

 

 

转载地址:http://ihtlx.baihongyu.com/

你可能感兴趣的文章
Windows Phone 7 利用计时器DispatcherTimer创建时钟
查看>>
程序员最喜爱的12个Android应用开发框架二(转)
查看>>
vim学习与理解
查看>>
DIRECTSHOW在VS2005中PVOID64问题和配置问题
查看>>
MapReduce的模式,算法以及用例
查看>>
《Advanced Linux Programming》读书笔记(1)
查看>>
zabbix agent item
查看>>
一步一步学习SignalR进行实时通信_7_非代理
查看>>
AOL重组为两大业务部门 全球裁员500人
查看>>
字符设备与块设备的区别
查看>>
为什么我弃用GNOME转向KDE(2)
查看>>
Redis学习记录初篇
查看>>
爬虫案例若干-爬取CSDN博文,糗事百科段子以及淘宝的图片
查看>>
Web实时通信技术
查看>>
第三章 计算机及服务器硬件组成结合企业运维场景 总结
查看>>
IntelliJ IDEA解决Tomcal启动报错
查看>>
默认虚拟主机设置
查看>>
七周五次课(1月26日)
查看>>
Linux系统一些系统查看指令
查看>>
php中的短标签 太坑人了
查看>>