计算机毕设Springboot中医药科普平台设计与实现8765s57u
（配套有源码 程序 mysql数据库 论文）本套源码可以先看具体功能演示视频领取，文末有联xi 可分享
随着现代生活节奏的加快，人们对健康的关注度日益提升，中医药作为中华民族的瑰宝，其在疾病预防和健康养生方面的独特价值愈发受到重视。然而，中医药知识的普及程度仍然有限，许多人对其存在误解或偏见。为了更好地推广中医药文化，提升公众的健康素养，开发一个中医药科普平台显得尤为重要。该平台将借助现代化的互联网技术和Spring Boot框架，整合中医药领域的专业资源，为用户提供权威、准确、实用的中医药科普信息。
在开发过程中，我们重点考虑了平台的功能设计。平台将涵盖以下核心功能：
-
用户注册与登录：用户可以通过注册账号并登录平台，享受个性化服务。
-
中医药知识展示：平台将提供中医药基本理论、中药材辨识、中药方剂解析、中医养生方法等内容，以图文、视频、音频等多种形式呈现。
-
科普文章管理：用户可以浏览、收藏、评论科普文章，同时平台支持管理员对文章进行审核、编辑和发布。
-
论坛交流：用户可以在论坛中发布帖子、回复讨论，分享中医药使用经验和心得。
-
在线留言：用户可以向平台提交问题或建议，管理员可以进行回复。
-
个人中心：用户可以管理个人信息、查看浏览历史、管理收藏内容等。
-
医师信息展示：平台将展示医师信息，用户可以查看医师资质、预约咨询等。
-
互动交流区：用户可以与专家和其他用户进行实时互动，增进对中医药知识的理解。
-
系统管理：管理员可以对用户、医师、科普文章、论坛交流等进行管理，确保平台的正常运行。
这些功能的设计旨在为用户提供一个全面、便捷的中医药科普平台，帮助用户深入了解中医药文化，掌握科学的健康养生方法。通过该平台，我们希望能够消除公众对中医药的误解，提升其信任度，同时推动中医药文化的传承与发展。
注:完成的毕业设计程序以下面的的环境软件、功能图和界面为准。
系统所需要的环境软件：idea、eclipse+mysql5.7、8.0+Navicat+JDK1.8+tomcat7.0
3.2中医药科普平台的需求分析
需求分析在系统开发中有着十分重要的作用。软件项目凭借软件工程的思想和步骤可以大大的提高开发效率，缩短软件开发周期，保证了软件项目的质量。需求分析作为软件工程方法中的一步是至关重要的。软件需求工程是一门分析并记录软件需求的学科。需求分析简单的来说就是用户需要什么，系统需要什么，对此进行问题的列举，等级的排列，需要缜密的思分析和大量的调研[10]。
中医药科普平台在国内有很多值得借鉴的例子，功能也都趋于完善，因此此次中医药科普平台将轻量化开发，要完成以下功能：
（1）要支持完整的用户注册，登录功能，账号的管理通过管理员来实现。
（2）中医药科普平台的页面简单明了，功能让用户快速上手，一目了然，不需要教程也能直接使用。
（3）为了用户能够方便查看科普文章、论坛交流、百科信息功能。
（4）管理员通过后台系统来完成对用户管理、医师管理、科普文章管理、在线留言、论坛交流、系统管理的编辑，包括添加、删除等操作。
本课题要求实现一套中医药科普平台，系统主要包括管理员模块和用户、医师模块功能模块。
图3-1管理员用例图
（2）用户用例图如下所示：
图3-2用户用例图
（3）医师用例图如下所示：
图3-3医师用例图
3.3 系统流程图
流程图就是用它已经特定的图形符号以及相应的线条，用来展现出系统在执行中的整个的过程。由于这种图形能够很方便的描绘系统的一系列流程，所以它的所有的图形符号是比较关键的，基本都是一个图形符号就能表示某个过程的一个单独的步骤。流程图不只是提供出比较完整、全面的执行过程，而且在整个团队的协作设计过程中，还可以发现其中有可能存在的缺陷以及不足，便于在后续的过程中能够及时的纠正和完善系统。
通过流程图可以对系统的需求和相关过程进行分析，能够详细的细分到每个部分的设计。对于设计者来说在开发过程中能够使用流程图作为基础，可以快速提高自身的逻辑思想，并且还能在后续的操作中能够有章可循，在系统的设计中最重要的就是程序的设计，然后才是程序的具体编写，流程图便是在设计过程中重要的工具,以下就是流程图设计。
登录流程图和添加信息流程图分别如图3-4、图3-5所示。
图3-4 登录流程图
图3-5添加信息流程图
3.4小结
中医药科普平台旨在让用户能够轻松便捷的查询信息，让管理员的工作负担减轻。本章主要对中医药科普平台的经济、技术、用户使用、法律、市场可行性进行分析。确认可行后，对中医药科普平台进行了需求分析，从用户、医师和管理员员角度思考了可能会有的需求，是后续论文和应用开发的基础指导[11]。
4 系统总体设计
我们的系统主要由两部分构成，用户、医师和管理员员。用户系统作为主要的使用者，在考虑功能的同时，也考虑了操作的简洁和方便性，目的是让本平台给用户带来的便利。给用户提供了一个多样化的展示区域：如图4-1所示：
图4-1 系统总体结构图
4.1 数据库设计原则
数据库设计之后，根据数据库关系，可以更加清晰地了解到数据库结构，每一个数据表之间的关系，再创建数据表。快速更改和查询对应的信息，有了数据库就不用在程序和代码中寻找。
在线留言E-R如图4-2所示。
图4-2 在线留言E-R图
论坛交流E-R图如图4-3所示。
图4-3论坛交流E-R图
系统简介E-R图如图4-4所示。
图4-4系统简介E-R图
用户信息E-R图如图4-5所示。
图4-5用户信息E-R图
医师信息E-R图如图4-6所示。
图4-6医师信息E-R图
总体E-R图4-7：
图4-7 总体E-R图
5.1前台用户功能模块实现
注册账号成功且登录系统后，用户即可进入主页查看首页、科普文章、论坛交流、百科信息、在线留言、个人中心，并开始执行业务操作，如图5-1所示：
图5-1 系统首页界面
在注册流程中，用户在Vue前端填写必要信息（如账号、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查账号是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。，如图5-2所示：
图5-2 用户注册界面
以下是注册代码；
<script>
export default {
data() {
return {
ruleForm: {
},
pageFlag : '',
tableName:"",
rules: {},
};
},
mounted(){
this.pageFlag = this.$storage.get("pageFlag");
let table = this.$storage.get("loginTable");
this.tableName = table;
},
created() {
},
destroyed() {
},
methods: {
// 获取uuid
getUUID () {
return new Date().getTime();
},
close(){
this.$router.push({ path: "/login" });
},
yonghutouxiangUploadChange(fileUrls) {
this.ruleForm.touxiang = fileUrls;
},
// 多级联动参数
// 注册
login() {
var url=this.tableName+"/register";
if((!this.ruleForm.yonghuzhanghao) && `yonghu` == this.tableName){
this.$message.error(`用户账号不能为空`);
return
}
if((!this.ruleForm.yonghuxingming) && `yonghu` == this.tableName){
this.$message.error(`用户姓名不能为空`);
return
}
if((!this.ruleForm.mima) && `yonghu` == this.tableName){
this.$message.error(`密码不能为空`);
return
}
if((this.ruleForm.mima!=this.ruleForm.mima2) && `yonghu` == this.tableName){
this.$message.error(`两次密码输入不一致`);
return
}
if(`yonghu` == this.tableName && this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){
this.$message.error(`联系电话应输入手机格式`);
return
}
if(this.ruleForm.touxiang!=null) {
this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,"g"),"");
}
this.$http({
url: url,
method: "post",
data:this.ruleForm
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: "注册成功",
type: "success",
duration: 1500,
onClose: () => {
this.$router.replace({ path: "/login" });
}
});
} else {
this.$message.error(data.msg);
}
});
}
}
};
</script>
在登录流程中，用户首先在Vue前端界面输入账号和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示；
图5-3用户登录界图
以下是登录代码；
mounted() {
let menus = menu.list();
this.menus = menus;
for (let i = 0; i < this.menus.length; i++) {
if (this.menus[i].hasBackLogin=='是') {
this.roles.push(this.menus[i])
}
}
},
created() {
this.getRandCode()
},
destroyed() {
},
components: {
},
methods: {
//注册
register(tableName){
this.$storage.set("loginTable", tableName);
this.$storage.set("pageFlag", "register");
this.$router.push({path:'/register'})
},
// 登陆
login() {
if (!this.rulesForm.username) {
this.$message.error("请输入用户名");
return;
}
if (!this.rulesForm.password) {
this.$message.error("请输入密码");
return;
}
if(this.roles.length>1) {
if (!this.rulesForm.role) {
this.$message.error("请选择角色");
return;
}
let menus = this.menus;
for (let i = 0; i < menus.length; i++) {
if (menus[i].roleName == this.rulesForm.role) {
this.tableName = menus[i].tableName;
}
}
} else {
this.tableName = this.roles[0].tableName;
this.rulesForm.role = this.roles[0].roleName;
}
this.$http({
url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,
method: "post"
}).then(({ data }) => {
if (data && data.code === 0) {
this.$storage.set("Token", data.token);
this.$storage.set("role", this.rulesForm.role);
this.$storage.set("sessionTable", this.tableName);
this.$storage.set("adminName", this.rulesForm.username);
this.$router.replace({ path: "/index/" });
} else {
this.$message.error(data.msg);
}
});
},
getRandCode(len = 4){
this.randomString(len)
},
randomString(len = 4) {
let chars = [
"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",
"l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",
"w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",
"H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",
"S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",
"3", "4", "5", "6", "7", "8", "9"
]
let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]
let sizes = ['14', '15', '16', '17', '18']
let output = [];
for (let i = 0; i < len; i++) {
// 随机验证码
let key = Math.floor(Math.random()*chars.length)
this.codes[i].num = chars[key]
// 随机验证码颜色
let code = '#'
for (let j = 0; j < 6; j++) {
let key = Math.floor(Math.random()*colors.length)
code += colors[key]
}
this.codes[i].color = code
// 随机验证码方向
let rotate = Math.floor(Math.random()*60)
let plus = Math.floor(Math.random()*2)
if(plus == 1) rotate = '-'+rotate
this.codes[i].rotate = 'rotate('+rotate+'deg)'
// 随机验证码字体大小
let size = Math.floor(Math.random()*sizes.length)
this.codes[i].size = sizes[size]+'px'
}
},
}
};
个人中心页面可通过输入修改密码、我的发布、我的收藏、浏览历史具体信息等操作，如图5-4所示：
图5-4个人中心页面
用户可通过科普文章页面输入知识标题、知识分类，进行查询，可以查看科普文章等具体信息，还可以点击收藏等操作，如图5-5所示：
图5-5科普文章页面
5.2前台医师功能模块实现
注册账号成功且登录系统后，医师即可进入主页查看首页、科普文章、论坛交流、百科信息、在线留言、个人中心，并开始执行业务操作，如图5-6所示：
图5-6 系统首页界面
在注册流程中，医师在Vue前端填写必要信息（如医师工号、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查医师工号是否唯一，并将新医师数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知医师完成注册。这个过程实现了新医师的数据收集、验证和存储。，如图5-7所示：
图5-7 医师注册界面
以下是注册代码；
<script>
export default {
data() {
return {
ruleForm: {
},
pageFlag : '',
tableName:"",
rules: {},
};
},
mounted(){
this.pageFlag = this.$storage.get("pageFlag");
let table = this.$storage.get("loginTable");
this.tableName = table;
},
created() {
},
destroyed() {
},
methods: {
// 获取uuid
getUUID () {
return new Date().getTime();
},
close(){
this.$router.push({ path: "/login" });
},
yonghutouxiangUploadChange(fileUrls) {
this.ruleForm.touxiang = fileUrls;
},
// 多级联动参数
// 注册
login() {
var url=this.tableName+"/register";
if((!this.ruleForm.yonghuzhanghao) && `yonghu` == this.tableName){
this.$message.error(`用户账号不能为空`);
return
}
if((!this.ruleForm.yonghuxingming) && `yonghu` == this.tableName){
this.$message.error(`用户姓名不能为空`);
return
}
if((!this.ruleForm.mima) && `yonghu` == this.tableName){
this.$message.error(`密码不能为空`);
return
}
if((this.ruleForm.mima!=this.ruleForm.mima2) && `yonghu` == this.tableName){
this.$message.error(`两次密码输入不一致`);
return
}
if(`yonghu` == this.tableName && this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){
this.$message.error(`联系电话应输入手机格式`);
return
}
if(this.ruleForm.touxiang!=null) {
this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,"g"),"");
}
this.$http({
url: url,
method: "post",
data:this.ruleForm
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: "注册成功",
type: "success",
duration: 1500,
onClose: () => {
this.$router.replace({ path: "/login" });
}
});
} else {
this.$message.error(data.msg);
}
});
}
}
};
</script>
在登录流程中，医师首先在Vue前端界面输入账号和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许医师访问系统。这个过程涵盖了从医师输入到系统验证和响应的全过程。如图5-8所示；
图5-8医师登录界图
以下是登录代码；
mounted() {
let menus = menu.list();
this.menus = menus;
for (let i = 0; i < this.menus.length; i++) {
if (this.menus[i].hasBackLogin=='是') {
this.roles.push(this.menus[i])
}
}
},
created() {
this.getRandCode()
},
destroyed() {
},
components: {
},
methods: {
//注册
register(tableName){
this.$storage.set("loginTable", tableName);
this.$storage.set("pageFlag", "register");
this.$router.push({path:'/register'})
},
// 登陆
login() {
if (!this.rulesForm.username) {
this.$message.error("请输入用户名");
return;
}
if (!this.rulesForm.password) {
this.$message.error("请输入密码");
return;
}
if(this.roles.length>1) {
if (!this.rulesForm.role) {
this.$message.error("请选择角色");
return;
}
let menus = this.menus;
for (let i = 0; i < menus.length; i++) {
if (menus[i].roleName == this.rulesForm.role) {
this.tableName = menus[i].tableName;
}
}
} else {
this.tableName = this.roles[0].tableName;
this.rulesForm.role = this.roles[0].roleName;
}
this.$http({
url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,
method: "post"
}).then(({ data }) => {
if (data && data.code === 0) {
this.$storage.set("Token", data.token);
this.$storage.set("role", this.rulesForm.role);
this.$storage.set("sessionTable", this.tableName);
this.$storage.set("adminName", this.rulesForm.username);
this.$router.replace({ path: "/index/" });
} else {
this.$message.error(data.msg);
}
});
},
getRandCode(len = 4){
this.randomString(len)
},
randomString(len = 4) {
let chars = [
"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",
"l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",
"w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",
"H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",
"S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",
"3", "4", "5", "6", "7", "8", "9"
]
let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]
let sizes = ['14', '15', '16', '17', '18']
let output = [];
for (let i = 0; i < len; i++) {
// 随机验证码
let key = Math.floor(Math.random()*chars.length)
this.codes[i].num = chars[key]
// 随机验证码颜色
let code = '#'
for (let j = 0; j < 6; j++) {
let key = Math.floor(Math.random()*colors.length)
code += colors[key]
}
this.codes[i].color = code
// 随机验证码方向
let rotate = Math.floor(Math.random()*60)
let plus = Math.floor(Math.random()*2)
if(plus == 1) rotate = '-'+rotate
this.codes[i].rotate = 'rotate('+rotate+'deg)'
// 随机验证码字体大小
let size = Math.floor(Math.random()*sizes.length)
this.codes[i].size = sizes[size]+'px'
}
},
}
};
个人中心页面可通过输入修改密码、科普文章、我的发布、我的收藏、浏览历史
具体信息等操作，如图5-9所示：
图5-9个人中心页面
5.3 管理员功能模块实现
管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，点击登录进入系统进行操作；如图5-10所示。
图5-10管理员登录界面
管理员进入系统主页面，主要功能包括对Dashboard、用户管理、医师管理、科普文章管理、在线留言、在线留言、论坛交流、系统管理、用户资料等进行操作。管理员主页面如图5-11所示：
图5-11管理员主界面
用户管理在视图层（view层)进行交互，比如点击“新增”按钮或填写用户需求信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如查询、新增、更新或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入账号、姓名，进行索搜，可以查看到用户详细信息，并根据需要进行新增或者删除等操作。如图5-12所示：
图5-12用户管理界面
医师管理在视图层（view层)进行交互，比如点击“新增”按钮或填写医师信息需求信息表单。这些医师信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如索搜、删除或者删除医师信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便医师信息可以看到最新的信息或相应的操作反馈。在商品分类页面的输入栏中输入医师工号、医师姓名、职称等，进行索搜，可以查看到医师信息详细信息，并根据需要进行新增或者删除等操作的功能。同样地，可以通过发送不同的请求来实现医师信息信息的新增、修改和删除。如图5-13所示：
图5-13医师管理界面
管理员点击“科普文章管理”会显示出所有的科普文章，支持输入科普文章，进行搜索，如果想要新增的科普文章，点击“修改”按钮，输入相关信息，点击“提交”按钮就可以修改了，同时可以选择某一条科普文章，点击“删除”进行删除，也可以点击后面的“修改”按钮对科普文章进行更新维护。如图5-14所示：
图5-14科普文章管理界面
管理员点击“在线留言”会显示出所有的在线留言，支持输入用户名，进行搜索，如果想要新增的在线留言，点击“修改”按钮，输入相关信息，点击“提交”按钮就可以修改了，同时可以选择某一条在线留言，点击“删除”进行删除，也可以点击后面的“修改”按钮对在线留言进行更新维护。如图5-15所示：
图5-15在线留言界面
源码无偿分享，文未领取