基于Flask+vue的博客系统设计与实现

1 系统功能分析

博客系统设计主要有管理员和用户两个功能模块。以下将对这两个功能的作用进行详细的剖析。
管理员模块：管理员是系统中的核心用户，管理员登录后，可以对后台系统进行管理。主要包括有系统首页，用户管理，标签管理，分类管理，文章管理，公告资讯管理，举报信息管理，消息通知管理，系统管理，我的信息等功能。管理员用例如图3-1所示。

图3-1 管理员用例图

用户：用户注册登录进入系统首页可以查看到文章，公告资讯，平台沟通，个人中心，在个人中心页面可以对个人中心，修改密码，文章，举报信息，消息通知，我的收藏等进行操作。用户用例如图3-2所示。

图3-2 用户用例图

2 功能模块设计

该章节的功能模块设计，只是大概描述了系统的所有功能模块，将功能按权限来讲解。系统总体功能如图4-1所示。

图4-1 系统总体结构图

3 数据库E-R图设计

E-R图即实体-联系图，主要作用是提供了解显示数据类型存在的联系的途径，是藐视现实世界的概念模型，其关键要素是实体型、属性、联系。以下是将“举报信息、系统日志、消息通知、公告资讯、文章评论表、平台沟通”等作为实体，它们的局部E-R图，如图4-2所示：

图4-2局部E-R图

4 数据库表结构设计

该系统采用的数据库是MySQL，根据该系统的数据存储特点进行数据库关系表的设计。下面是该系统中关键部分关系表的详细信息。

5 系统功能实现

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Python后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。系统注册页面如图5-2所示：

图5-2系统注册页面

文章：在文章页面的输入栏中输入标题、昵称和发布时间进行查询，可以查看到文章详细信息，并根据需要进行评论或收藏操作；文章页面如图5-3所示：

图5-3文章详细页面