项目实战:响应式设计手册介绍
1 使用Bootstrap实现百度贴吧后台
1.1 百度贴吧后台管理需求
1.2 设计页面布局
1.2.1 引入Bootstrap 3框架
1.2.2 页面布局代码
1.3 设计导航栏
1.3.1 导航栏整体架构
1.3.2 设计标题和导航链接
1.3.3 实现搜索框和通知系统
1.3.4 实现管理员登录信息
1.3.5 构建响应式导航
1.4 设计左侧边栏
1.5 设计主功能部分
1.5.1 主功能头部
1.5.2 主功能的帖子列表
1.6 小结
1.7 源代码

百度贴吧后台管理需求

2017-08-12 10:55:16
admin
1422
最后编辑:admin 于 2018-05-01 09:03:58
开始一个项目,首先需要确定需求。贴吧后台管理包含很多方面,譬如帖子审核、用户 封杀、管理员和版主设置、首页推荐、数据统计等,限于篇幅,这里选择最有典型性的帖子 审核作为示例。

由于政策监管和水军攻击等原因,很多贴吧要么被广告帖、垃圾帖占领,要么由于大量 发布敏感信息被网监部门勒令关停,因此对贴吧内容的审核是后台必不可少的功能。

那么可以方便地查看帖子内容并对帖子进行删除/通过/恢复操作,就是该页面的核心功 能。此外,贴吧后台管理还有很多其他功能模块,还需要有清晰的链接结构,方便向其他模 块跳转。

明确了需求以后,就可以开始进行页面布局的设计了。本系统基本的设计思路如图所示,这里为了更好地说明,使用了整页完成后的截图。

由图可以看出,这个页面包括3个主要模块:

•首部导航栏:包括内容审核、贴吧管理、数据统计3个主要模块的链接,以及搜索、 消息通知、管理员登录信息等通用功能。

•左侧边栏:内容审核分类下的功能导航,包括主贴审核、回复审核、用户管理、审 核曰志等模块的导航链接。


•主功能部分:查看帖子内容,并进行通过/删除/恢复操作。





    • 在线客服
    • 关注微信
    • 联系电话
      • 欢迎咨询
      • 欢迎加入QQ群 303257430
    • 公众号:源宝网络
      • 联系电话及微信号 18902328227