🎈系统亮点：
消息震动（当用户设置了用药提醒后，当达到时间后，一进入小程序将会震动提醒）；
文档包含包图、用例图、系统功能图、流程图、总体E-R图、实体属性图。
一.系统开发工具与环境搭建
1.系统设计开发工具
后端使用Java编程语言的Spring boot框架
项目架构：B/S架构
运行环境：win10/win11、jdk17小程序端：
技术：Uniapp；UI库：colorUI；
开发工具：HBuilderX；
前端：
技术：框架Vue.js；UI库：ElementUI；
开发工具：Visual Studio Code；
后端:
技术：Java语言、mybatis plus、Spring boot框架；
开发工具：IDEA 2023.3.3版本；
数据库：
数据库：mysql5.7/8.0
数据库工具：Navicat12版本；
二. 系统实现(部分展示)
1 用户模块
1.1 用户登录模块
小程序登录界面，有两个输入框用于输入账号、密码。输入框下方设有“用户” 和“医生”两种身份选择的单选按钮，默认选中“用户”。页面底部提供“忘记密码”和“注册账号”链接，便于用户重置密码或注册新账户。用户登录实现图见图5.2所示。
1.2 用户注册模块
小程序注册界面有三个输入框，昵称，手机号，密码。前端设有必填验证，输入密码使用的是密码掩码，隐藏用户输入的真实密码。前端验证通过后，调用后端接口/User/OtherRegister接口，后端返回成功后，前端接收到成功的返回，跳转至/pages/Front/Login登录界面，进行登录。用户注册实现图见图5.3所示。
1.3 在线问答模块
用户可以查看所有的医生列表，前端调用/Doctor/List获取所有的医生信息，点击医生，跳转至/pages/Front/DoctorDetail医生详情界面，可以查看医生的详细信息，点击“预约问诊”，进入/pages/Front/WeChat界面，并通过 WebSocket 建立连接进行聊天。在线问答实现图见图5.4所示。
在线问答前端关键代码如下。
//发送消息
async SendMessage() { //用于处理消息发送逻辑
let body = {
SelfUserId: this.SelfUserId, //发送者ID（当前用户）
OtherUserId: this.OtherUserId, //接收者ID
Content: this.Content, //消息内容
};
websocket.SendMessage("Wechat_SendMessage", body);
this.Content = ""; //清空输入框
},1.4 用药提醒模块
用户可以进行维护用药提醒事件，支持用户进行新增、修改、删除操作。前端调用/MedicationReminder/List进行查询目前用户的所有用药提醒，点击“编辑”按钮，前端调用/MedicationReminder/Get，传入参数用药提醒Id，获取该用药提醒信息展示在界面上，用户根据自己的需求进行修改对应数据，并进行提交。用药提醒实现图见图5.5所示。
1.5 饮食记录模块
饮食记录模块分为早餐、午餐、晚餐三个用餐记录板块，展示相关的记录信息，包括记录时间、家庭成员姓名、备注内容，并且为每条记录提供删除功能。当用户点击它时，会触发DeleteBtn方法，并将当前记录的Id作为参数传递给该方法，进行删除该条记录的功能。饮食记录实现图见图5.6所示。
1.6 电子病历模块
用户登录小程序后，点击“个人中心”tabbar，找到电子病历并进入界面，用户一旦点击该界面，前端使用onShow()函数触发获取电子病历列表的操作。也支持用户进行修改删除操作，当用户触发删除操作时，前端会调用ShowModal提示用户是否要删除，用户点击确认，才会调用后端删除方法，进行删除操作。病历档案实现图见图5.7所示。
1.7 首页模块
1.8 个人中心
2 医生模块
2.1 在线问答模块
医生登录小程序，可以进入“消息”tabbar，前端调用/WechatCollection/List接口，查看医生的列表信息。点击其中一条消息，进入聊天对话界面，前端调用/WechatMessage/List接口进行获取消息。在线问答实现图见图5.8所示。
2.2 病历查看模块
医生通过点击用户头像，进行申请查看用户病历，用户通过后，医生可以查看该用户的所有病历。当item.ForgetImages或item.OutpatientsImageUrls存在时，显处方图片和就诊图片。对于存在的图片，会将其以卡片形式展示，并提供点击预览的功能。
2.3 论坛交流模块
论坛交流支持搜索相关内容进行查询，也可以通过论坛类型进行查找对应的话题进行查看。前端通过this.$http.PostAsync发送 异步POST请求方法，用于向后端的 /Topic/List 接口发送请求，并携带 params 对象作为请求参数。将从后端获取到的主题列表数据 Items 赋值给组件的TopicItem 属性，以便在前端组件中展示这些数据。论坛交流实现图见图5.10所示。
3 管理员模块
3.1 用户管理模块
管理员具备对用户进行管理的权限，可以对用户进行增删改查以及导出操作。前端通过监听搜索框和筛选条件的变化，将关键词和筛选条件发送到后端接口。后端根据接收到的参数进行数据库查询，并将查询结果返回给前端。前端将查询结果展示在用户列表页面。点击“导出”按钮，导出Excel文件格式，系统自动生成并下载导出文件。用户管理实现图见图5.11所示。
3.2 文章管理模块
管理员进行维护文章信息，可以将文章设为置顶，进行修改文章信息，删除文章以及新增文章信息。ShowEditModal方法用于显示编辑模态框，会根据文章的 Id 获取文章信息并填充到表单中。CreateOrEditForm方法用于保存或修改文章信息，会对表单进行验证，验证通过后将数据提交到后端。
3.3 食物管理模块
管理员进行维护食物信息，对食物进行增删改查。前端调用该异步方法 ShowBatchDeleteModal，处理批量删除食物的操作。当用户选择了多条记录并触发批量删除时，该方法会获取选中记录的Id列表，调用后端接口进行批量删除操作。返回成功后，前端进行刷新表格显示最新的数据。食物管理实现图见图5.13所示。
3.4 论坛管理模块
论坛管理，当用户点击新增或编辑操作时，根据传入的Id调用接口/Topic/Get获取文章的详细信息，并将信息填充到表单数据对象formData中，最后显示编辑模态框。if(!Id)用于判断是否为新增操作。如果Id为空，则认为是新增的操作。当为新增的时候，将审核状态设置为2，默认新增的论坛消息不被推荐。论坛管理实现图见图5.14所示。
3.5 话题分析模块
三.系统数据库代码截图
1.数据库表截图
2.后端截图
3.前端截图
4.小程序截图
