基于springboot+vue实现的个性化大学生线上聊天交友系统 （源码+L文+ppt）4-017
4系统设计
4.1 软件功能模块设计
个性化大学生线上聊天交友分为两个模块，分别是管理员功能模块和用户功能模块。主要功能模块包括：首页、用户、省、市、爱好、帖子分类、动态信息、私信信息、申请好友、通知信息、系统管理、我的信息等，系统总体功能如下图所示[12]。
图4-1个性化大学生线上聊天交友总体功能模块图
4.2 数据库设计
4.2.1 概念模型设计
概念模型是对现实中的问题出现的事物的进行描述，ER图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
用户信息包括：用户名、昵称、性别、年龄、手机号码、头像、省、市、爱好。
私信信息包括：信息编号、用户名、昵称、发送时间、私信用户、私信昵称、私信头像、回复内容。
申请好友包括：申请编号、用户名、昵称、申请时间、申请用户、申请昵称、私信头像、审核回复、审核状态。
动态信息包括：标题、封面、帖子分类、相关视频、用户名、昵称、省、市、爱好、发布时间、点击次数、评论数、收藏数。
4.2.2 数据表 （共20张表）
本系统采用的是MySQL数据库存储数据，系统中使用到的主要数据表的具体展示部分如下所示。
表4-1私信信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| xinxibianhao | varchar | 200 | 信息编号 |
|
|
| yonghuming | varchar | 200 | 用户名 |
|
|
| nicheng | varchar | 200 | 昵称 |
|
|
| sixinneirong | longtext | 4294967295 | 私信内容 |
|
|
| fasongshijian | datetime |
| 发送时间 |
|
|
| sixinyonghu | varchar | 200 | 私信用户 |
|
|
| sixinnicheng | varchar | 200 | 私信昵称 |
|
|
| sixintouxiang | longtext | 4294967295 | 私信头像 |
|
|
| shhf | longtext | 4294967295 | 回复内容 |
|
|
| userid | bigint |
| 用户id |
|
|
此处省略18张表。。。
表4-20：帖子分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| tiezifenlei | varchar | 200 | 帖子分类 |
|
|
| image | longtext | 4294967295 | image |
|
|
5 系统功能实现
5.1前台用户功能模块
当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到个性化大学生线上聊天交友的导航条显示系统首页、动态信息、新闻资讯、公告、个人中心。系统首页界面如图5-1所示：
图5-1 系统首页界面
在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示：
图5-2用户注册界面图
在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示：
图5-3 用户登录界面
用户点击动态信息，在动态信息页面的搜索栏输入标题等信息，进行查询，然后还可以查看标题、封面、帖子分类、相关视频、用户名、昵称、省、市、爱好、发布时间、点击次数、评论数、收藏数等信息，还可以点击私信、加好友、收藏或者评论等操作；如图5-4所示：
图5-4动态信息页面
用户点击新闻资讯，在新闻资讯页面的搜索栏输入标题等信息，进行查询，然后还可以查看新闻资讯等信息；如图5-5所示：
图5-5新闻资讯页面
在个人中心页面可以输入个人详细信息，进行信息更新，还可以对动态信息、私信信息、申请好友、通知信息、我的收藏等进行详情操作；如图5-6所示：
图5-6个人中心界面
5.3后台管理员模块
管理员登录，在登录页面正确输入用户名和密码后，点击登录操作；如图5-7所示。
图5-7管理员登录界面
管理员进入主页面，主要功能包括对首页、用户、省、市、爱好、帖子分类、动态信息、私信信息、申请好友、通知信息、系统管理、我的信息等进行操作。管理员主页面如图5-8所示：
图5-8 管理员主界面
用户信息功能在视图层（view层)进行交互，比如点击“增加”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、增加或删除信息律师，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息的输入栏中输入用户名、昵称进行搜索，可以查看到用户信息详细信息，并根据需要进行修改或者删除等操作。如图5-9所示：
图5-9用户界面
动态信息功能在视图层（view层)进行交互，比如点击“新增”按钮或填写动态信息表单。这些动态信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增或删除动态信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便动态信息功能可以看到最新的信息或相应的操作反馈。在动态信息的输入栏中输入标题、帖子分类、昵称进行搜索，可以查看到动态详细信息，并根据需要进行修改或者删除等操作。如图5-10所示：
图5-10 动态信息界面
管理员点击私信信息，在私信信息页面对信息编号、用户名、昵称、发送时间、私信用户、私信昵称、私信头像、回复内容等信息，可以搜索或删除私信信息等操作。如图5-11所示：
图5-11私信信息界面
管理员点击申请好友，在申请好友页面对申请编号、用户名、昵称、申请时间、申请用户、申请昵称、私信头像、审核回复、审核状态等信息，可以搜索或删除申请好友等操作。如图5-12所示：
图5-12申请好友界面
管理员点击通知信息，在通知信息页面对通知编号、通知标题、通知封面、通知时间、用户名、昵称等信息，可以搜索或删除通知信息等操作。如图5-13所示：
图5-13通知信息界面