基于springboot+vue实现的小儿推拿培训系统 (源码+L文+ppt)4-50
3系统设计
3.1系统功能结构
系统结构图可以把杂乱无章的模块按照设计者的思维方式进行调整排序,可以让设计者在之后的添加,修改程序内容的过程中有一个很明显的思维方向。同时结构图还可以让设计者以外的其他人更直观的看出整个系统的设计理论和设计过程。让系统的设计变的更直观。该系统的功能架构图如图3-1所示:
图3-1 小儿推拿培训系统功能结构图
3.2数据库设计
3.2.1 数据库概念设计
从系统运行完整的角度出发,设置相应的实体,明确各实体之间的联系。下面列举整个系统中涉及核心功能的实体:
1、穴位介绍E-R图
图3-2穴位介绍E-R图
2、用户信息E-R图
图3-3用户信息E-R图
3、病症手法E-R图
图3-4病症手法E-R图
4、代表人物E-R图
图3-5代表人物E-R图
5、小儿推拿培训系统总体E-R图
图3-6 小儿推拿培训系统总体E-R图
3.2.2数据逻辑结构
在综合了以上对系统的设计,和对数据库的分析,同时结合了以往对数据库的使用经验后,构建了以下几张表,以下为每张表的内容:
表3-1:用户表
字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
id | bigint |
| 主键 | 主键 |
|
username | varchar | 100 | 用户名 |
|
|
password | varchar | 100 | 密码 |
|
|
image | varchar | 200 | 头像 |
|
|
role | varchar | 100 | 角色 |
| 管理员 |
addtime | timestamp |
| 添加时间 |
| CURRENT_TIMESTAMP |
此处省略17张表。。。
表3-19:代表人物
字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
id | bigint |
| 主键 | 主键 |
|
addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
renwuxingming | varchar | 200 | 人物姓名 |
|
|
touxiang | longtext | 4294967295 | 头像 |
|
|
xingbie | varchar | 200 | 性别 |
|
|
minzu | varchar | 200 | 民族 |
|
|
chushengdi | varchar | 200 | 出生地 |
|
|
zhiye | varchar | 200 | 职业 |
|
|
shipinzhanshi | longtext | 4294967295 | 视频展示 |
|
|
renwujieshao | longtext | 4294967295 | 人物介绍 |
|
|
rongyujiangxiang | longtext | 4294967295 | 荣誉奖项 |
|
|
thumbsupnum | int |
| 赞 |
| 0 |
crazilynum | int |
| 踩 |
| 0 |
discussnum | int |
| 评论数 |
| 0 |
storeupnum | int |
| 收藏数 |
| 0 |
4系统详细设计
4.1登录模块设计
这个功能模块用来让工作人员进行后端登录。管理人员通过网站。在输入自己的用户名和密码、角色进行登录,登录后管理人员就可以对后台的信息相关的操作。
首先,设计后端管理的登陆页面。对页面的各个板块进行详细的设计,规划它们的字体大小,背景颜色,字体颜色和板块大小等。还要加上图片,让页面被设计的更加美观。以便让以后需要登陆的管理员可以直观的使用。
4.2 前台用户功能模块
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到小儿推拿培训系统的导航条显示首页、穴位介绍、病症手法、病症案例、代表人物、交流吧、小儿良疗、诊疗在线、个人中心。系统首页界面如图4-1所示:
图4-1系统首页界面
在注册流程中,用户在Vue前端填写必要信息(如用户名、密码等)并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图4-2所示:
图4-2用户注册界面
在登录流程中,用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端会返回给前端,允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图4-3所示:
图4-3 用户登录界面
用户点击病症手法,在病症手法页面的输入栏填写视频名称、视频简介,进行查询,然后查看视频名称、图片、视频分类、视频简介、教学视频、发布时间、点击次数、评论数、收藏数等信息;还可以进行收藏或者评论等操作;如图4-4所示:
图4-4病症手法页面
用户点击穴位介绍,在穴位介绍页面的输入栏填写穴位名称、穴位简介,进行查询,然后查看穴位名称、图片、穴位简介、发布时间、评论数、收藏数等信息,还可以可以点击收藏或者评论等操作;如图4-5所示:
图4-5穴位介绍页面
用户点击个人中心,在个人中心页面可以更新个人详细信息,还可以对修改密码、我的发布、我的收藏进行详细操作,如图4-6所示:
图4-6个人中心界面
4.3后台管理员功能模块
管理员通过登录页面填账号和密码,完成后进行登录,如图4-7所示。
图4-7管理员登录页面
管理员登录进入小儿推拿培训系统的实现可以查看系统首页、个人中心、用户、穴位介绍、视频分类、病症手法、病症案例、代表人物、交流吧、系统管理等信息,如图4-8所示。
图4-8管理员功能界面图
用户功能在视图层(view层)进行交互,比如点击“添加”按钮或填写用户表单。这些用户动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如查询、添加、更新或删除用户,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便用户功能可以看到最新的信息或相应的操作反馈。在用户页面的输入栏中输入用户账号、用户姓名、性别进行查询,可以查看到用户详细信息,并根据需要进行修改或者删除等操作;如图4-9所示。
图4-9用户界面图
穴位介绍功能在视图层(view层)进行交互,比如点击“添加”按钮或填写穴位介绍表单。这些穴位介绍动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如查询、添加、更新或删除穴位介绍,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便穴位介绍功能可以看到最新的信息或相应的操作反馈。在穴位介绍页面的输入栏中输入穴位名称、穴位简介进行查询,可以查看到穴位介绍详细信息,并根据需要进行修改或者删除等操作;如图4-10所示。
图4-10穴位介绍界面图
管理员点击视频分类;在视频分类页面对视频分类等信息,进行查询、添加或删除视频分类等操作;如图4-11所示。
图4-11视频分类界面图
管理员点击病症手法;在病症手法页面对视频名称、图片、视频分类、视频简介、教学视频、发布时间、点击次数、评论数、收藏数等信息,进行查询、添加或删除病症手法等操作;如图4-12所示。
图4-12病症手法界面图
管理员点击病症案例;在病症案例页面对疾病名称、封面、英文名称、疾病别名、疾病分类、相关疾病、遗传性、发病部位、点击次数、评论数、收藏数等信息,进行查询、添加或者删除病症案例等操作;如图4-13所示。
图4-13病症案例界面图
管理员点击系统管理;在系统管理页面对小儿良疗、小儿良疗分类、诊疗在线、系统简介、轮播图管理、系统公告、系统公告分类、关于我们等模块信息,进行详情操作;如图4-14所示。
图4-14系统管理界面图