一、系统概要说明
父模板统一布局:
(1) 头部导航条
(2) 中间主显示区域布局
(3) 底部导航条
注册、登录、注销功能
发布、列表显示
详情页
评论、列表显示
个人中心
搜索、条件组合搜索
文章分类与显示
点赞、收藏
修改密码、头像、上传头像
推荐文章
二、网站结构设计
顶部导航条:
(4) 未登录时:首页、发布、搜索、登录、注册功能(Ps:此时点击发布,自动跳转到登录页面)
(5) 登录后:发布、设置、个人信息、注销功能
中间主显示区域布局:
(1) 用户的发布、点赞、评论总览
(2) 发布详情
(3) 文章分类与显示
底部导航条
三、模块详细设计
发布模块
个人中心模块
(1) 个人信息
{% extends 'yonghufather.html' %}
{% block yonghubody %}
个人信息
用户:{{ username }} 编号:{{ userid }} 昵称:{{ nickname }} 头像:{% if img is none%}
style="width: 100px">
{% else %}
style="width: 100px">
{% endif %}
上传头像
文章:{{ fabus|length }}篇 评论:{{ comments|length }}条 收藏文章:{{ shoucang|length }}篇{% endblock %}
(2) 发布信息
1 {% extends 'yonghufather.html' %}2
3 {% block yonghubody %}4
5
6 全部发布信息({{ fabus|length }})
7
8 {% for foo in fabus %}9
10 {{ foo.author.username }}
12 {{ foo.creat_time }}
13 {{ foo.leixing }}
14 {{ foo.title }}
15
16
17
18
{{ foo.detail }}
19
20 {% endfor %}21
22
23
24
25
26
27 {% endblock %}
(3) 评论信息
1 {% extends 'yonghufather.html' %}2
3 {% block yonghubody %}4
5
6 全部评论信息({{ comments|length }})
7
8 {% for foo in comments %}9
10 {{ foo.author.username }}
12 {{ foo.creat_time }}
13
{{ foo.detail }}
14
15
16 {% endfor %}17
18
19
20
21
22
23 {% endblock %}
(4) 收藏文章
1 {% extends 'yonghufather.html' %}2
3 {% block yonghubody %}4
5
6
收藏文章({{ shoucang|length }})
7
8
9
10
11
文章12
作者13
14
15
16 {% for foo in shoucang %}17
18
{{ foo.fabu.title }}    浏览:{{ foo.fabu.yuedu }}   评论:{{ foo.fabu.comments |length }}   点赞:{{ foo.fabu.dianzangs |length }}19
{{ foo.author.username }}20
21 {% endfor %}22
23
24
25
26
27
28
29 {% endblock %}
四、数据库设计
用户表:
储存用户的账号与密码,密码在数据库中隐藏,只有管理员身份才能查看。注册成功时,账号与密码就会被录入数据库中;登录要依据数据库中的用户表。
2.发布内容表
表中的信息包括标题、详情和文章类型。
3.点赞表
录入的是用户的点赞情况,主要是统计点赞数量。
4.评论表
录入的是用户的评论情况。
5.收藏表
录入的是用户的收藏情况,主要是统计收藏数量
五、系统实现的关键算法与数据结构
高级搜索
可通过某些关键词对发布的内容进行搜索,包含这些关键词的内容都被筛选出来,不包含的内容不显示在首页。
包含限制条件的登录、注册功能
限制条件主要是用在对用户名、密码的限制,包括用户名的组成元素,密码的组成元素。
六、成品展示
首页布局
注册页面
登录页面
发布页面
个人信息页面
发布信息页面
评论信息页面
收藏文章页面