基于Spring Boot+Vue 的校园健康系统设计与实现(附源码,文档)

该文章描述了一个校园健康系统,它采用Springboot作为后端框架,Vue作为前端框架,MySQL为数据库。系统提供大学生、医生和管理员的用户角色,支持医生预约、信息审核、健康知识浏览等功能。用户密码通过MD5加密确保安全,管理员通过session管理用户权限和系统内容。
摘要由CSDN通过智能技术生成

一 简介

校园健康系统本质上是一个健康知识浏览和在线咨询的平台,从用户角度,系统包括大学生、医生和管理员。
img

二.主要技术

技术名作用
Springboot后端框架
Vue前端框架
MySQL数据库

三 功能介绍

校园健康系统为用户提供医生预约服务,系统包括前台和后台。

前台用户可以先进行注册,填写个人的基本信息提交到服务器,服务器把数据保存到数据库。管理员对大学生的信息进行验证后,大学生通过验证后的用户名和密码进行登录,登录之后查看医生信息、疾病信息、食物禁忌、营养搭配、养生小知识、公告资讯。医生在首页展示,查看医生具体信息后,可以进行预约咨询,填写咨询信息后,生成咨询订单。点开我的功能模块,修改个人信息,重新登录等功能。

管理员是后台的管理者,对用户提交的信息进行审核,如果不是正常的预定或者违规的内容进行删除,也可以要求大学生进行修改后重新提交。管理员还可以对用户信息进行管理,发布公告推送给用户端。

网页端:网页端多为管理员端和医生端管理员管理学生信息,医生分类和信息维护。医生端接收学生问询信息,查看药物库存。

移动端:手机移动端多为学生端使用,选择医生,问询健康情况,查找疾病信息,查看饮食信息和个人信息,录入体检健康状况,修改个人信息。

大学生功能需求

未经登录的用户不能使用本平台,通过授权的用户才能查看医生信息,选择具体的医生,查询医生,选择医生在线预约。大学生定期对个人信息进行修改,包括个人信息和密码信息,最终通过注销后退出本系统。大学生在前台还可以查看医生信息、疾病信息、食物禁忌、营养搭配、养生小知识、公告资讯。

大学生的用例图如3.1所示:

img

医生功能需求

医生具有课程管理的权限,通过后台的登录页面进入验证权限后才能进行管理。管理内容包括,管理大学生预约的医生咨询信息、个人资料管理。

医生的用例图如3.2所示

img

管理员功能需求

管理员具有最高的权限,通过后台的登录页面进入验证权限后才能进行管理。管理内容包括,医生管理、学生管理、食物禁忌、营养搭配、养生小知识、药品管理、健康状况管理、体检数据管理。

管理员的用例图如3.3所示

img

四 详细设计

校园健康系统包括医生管理、学生管理、食物禁忌、营养搭配、养生小知识、药品管理、健康状况管理、体检数据管理、公告管理。

用户管理包括管理员管理、医生管理、大学生用户管理。当前台大学生进行注册的时候,权限设为大学生。管理员用户权限设置为管理员。但是在登录的时候使用权限类别进行区分,管理员用户无法通过客户端进行登录。同理,客户端用户也无法登陆管理员端。

新闻公告是管理员发布健康知识的公告,信息发布后的公告在客户端浏览查看。

其中系统功能结构图如4.1所示:

img

主要功能:

大学生管理。大学生用户的注册、登录。大学生在个人中心,进行个人信息的修改和用户密码的修改,系统注销等操作。

医生管理,管理员录入医生,修改医生信息。在前台可以查看医生风采,包括医生的介绍和个人图片信息。医生通过用户名和密码登录系统,管理个人信息。

站内新闻管理。管理员对站内新闻信息的管理,信息保存在数据库中,通过前台查看站内新闻信息。

效果图

管理员登录

使用脚本把数据库导入到mysql中,配置tomcat服务器,运行程序。其中用户登录的界面如下所示。

img

用户密码是通过MD5进行加密的。MD5本身是一个不可逆的加密方法,所以在查询前需要对密码进行MD5加密,把加密后的字符串和数据库中的密码进行比对,通过比对后才能进行查询。最终,最终查询成功后把信息保存在session中,Session是存储在服务器端的对象,是比较安全的一种技术,在管理端通过判断session中的十来获取用户操作权限。

管理主界面

主界面主要包括了系统管理菜单,通过菜单对系统功能进行管理。每一个功能包括基本的查询、添加等操作。其中主界面如下所示。

img

健康知识信息管理

医生或者管理员登录后,对疾病信息、食物禁忌、营养搭配、养生小知识、公告资讯进行管理。包括编号、名称、类别、内容信息。

健康知识包括了疾病信息、食物禁忌、营养搭配、养生小知识、公告资讯等类别。各种信息的管理流程类似,下面仅对疾病管理进行实现说明。

其中疾病管理如下所示。

img

创建一个信息录入的form表单,在form中设计疾病基本信息收集栏,点击提交的时候,通过form的POST方法传递到疾病Action方法中。在Action中定义插入的方法,先实例化疾病实体类,将疾病信息通过实体类进行设置,然后调用疾病数据库操作方法,保存疾病信息到数据库,然后返回成功消息。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

2013crazy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值