一、开发环境

技术/工具	描述
MYSQL数据库	1. 体积小，安装便捷：MySQL数据库体积小，占用内存小，不影响电脑上其他软件的运行，并且不需要因为安装维护MySQL数据库而重装系统。 2. 适合老旧电脑：作为学习开发的电脑硬件性能有限，选择MySQL数据库适合老旧笔记本电脑作为学习开发当前的应用。
Tomcat	1. 轻量级服务器：Tomcat一般作为中小型企业和并发量不突出的轻量级服务器使用，适用于某些行业的应用系统，客户端不多，需要的连接也不多的场景。 2. 多网站配置：Tomcat里面可以配置多个网站，配置文件后缀是config的文档，类似于XML的结构，比较清晰明了。 3. 版本更新：每当Java发布新的版本时，Tomcat也会为了匹配Java的版本进行升级，目前Tomcat版本已经到版本10。
vue技术	1. 上手快：vue技术可以让初学者尽快上手进行编写动态网站，不需要变成高级的Java编程人员才可以书写代码，从学习的效率还有编写的效率上都有很大的提升。 2. 前后端分离：让着重于网页开发者与着重于后台逻辑开发进行分离合作开发变成了一种可能，降低了学习成本。 3. 编译运行：vue运行编译需要vue引擎和web服务器进行配合以及相互协作，分工明确，才可以真正的运行起来。
SpringBoot框架	1. 简化开发：Spring Boot简化了基于Spring的应用开发，只需要"run"就能创建一个独立的、生产级别的Spring应用。 2. 开箱即用：Spring Boot为Spring平台及第三方库提供开箱即用的设置（提供默认设置，存放默认配置的包就是启动器），多数Spring Boot应用只需要很少的Spring配置。 3. 生产级别应用：可以使用SpringBoot创建java应用，并使用java --jar 启动它，就能得到一个生产级别的web工程。

二、 系统设计

1 界面设计原则

1. 用户分析：了解用户使用系统的目的，以及使用系统的方式，考虑大部分用户的阅读习惯，设计Z字形或F型结构可以方便用户获取信息。
2. 有效导航：每个页面上都有导航条的显示，有时也可以在页面的底部设计导航条，当用户进入具体页面时，要设计相应的位置提示，在页面中比较特殊的位置，需要设计返回链接，可以返回上个页面，也可以返回首页等。
3. 统一设计方案：包括色彩方案的一致性，页面模板的相似性等，对相同操作和专业术语的描述在整个系统中也应该保持一致。
4. 清晰准确传达内容：避免在同一个页面设计非常多的内容，另外可以准确对系统内容进行分类，把页面中用户视觉集中的位置，用来显示重要信息。

数据库设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

1. 健康教育实体属性图

   

2. 用户实体属性图

   

3. 在线咨询实体属性图

   

4. 公告信息实体属性图

   

5. 字典表实体属性图

   

6. 挂号实体属性图

   

7. 用户表实体属性图

   

8. 医生实体属性图

   

4.3.2 数据库物理设计

表名	序号	列名	数据类型	说明	允许空
在线咨询表	1	Id	Int	id	否
	2	yonghu_id	Integer	提问用户	是
	3	chat_issue	String	问题	是
	4	issue_time	Date	问题时间	是
	5	chat_reply	String	回复	是
	6	reply_time	Date	回复时间	是
	7	zhuangtai_types	Integer	状态	是
	8	chat_types	Integer	数据类型	是
	9	insert_time	Date	创建时间	是
字典表表	1	Id	Int	id	否
	2	dic_code	String	字段	是
	3	dic_name	String	字段名	是
	4	code_index	Integer	编码	是
	5	index_name	String	编码名字	是
	6	super_id	Integer	父字段id	是
	7	beizhu	String	备注	是
	8	create_time	Date	创建时间	是
挂号表	1	Id	Int	id	否
	2	yisheng_id	Integer	医生	是
	3	yonghu_id	Integer	用户	是
	4	guahao_uuin_number	Integer	就诊识别码	是
	5	guahao_time	Date	挂号时间	是
	6	guahao_types	Integer	时间类型	是
	7	guahao_status_types	Integer	挂号状态	是
	8	guahao_yesno_types	Integer	挂号审核	是
	9	guahao_yesno_text	String	审核结果	是
	10	create_time	Date	创建时间	是
健康教育表	1	Id	Int	id	否
	2	jiankangjiaoyu_name	String	健康教育标题	是
	3	jiankangjiaoyu_types	Integer	健康教育类型	是
	4	jiankangjiaoyu_photo	String	健康教育图片	是
	5	insert_time	Date	健康教育时间	是
	6	jiankangjiaoyu_content	String	健康教育详情	是
	7	jiankangjiaoyu_delete	Integer	假删	是
	8	create_time	Date	创建时间	是
公告信息表	1	Id	Int	id	否
	2	news_name	String	公告名称	是
	3	news_photo	String	公告图片	是
	4	news_types	Integer	公告类型	是
	5	insert_time	Date	公告发布时间	是
	6	news_content	String	公告详情	是
	7	create_time	Date	创建时间	是
医生表	1	Id	Int	id	否
	2	yisheng_uuid_number	String	医生工号	是
	3	yisheng_name	String	医生名称	是
	4	yisheng_types	Integer	科室	是
	5	zhiwei_types	Integer	职位	是
	6	yisheng_zhichneg	String	职称	是
	7	yisheng_photo	String	医生头像	是
	8	yisheng_phone	String	联系方式	是
	9	yisheng_guahao	String	挂号须知	是
	10	yisheng_email	String	邮箱	是
	11	yisheng_new_money	BigDecimal	挂号价格	是
	12	yisheng_content	String	履历介绍	是
	13	create_time	Date	创建时间	是
用户表	1	Id	Int	id	否
	2	yonghu_name	String	用户姓名	是
	3	yonghu_photo	String	头像	是
	4	yonghu_phone	String	用户手机号	是
	5	yonghu_id_number	String	用户身份证号	是
	6	yonghu_email	String	邮箱	是
	7	new_money	BigDecimal	余额	是
	8	yonghu_delete	Integer	假删	是
	9	create_time	Date	创建时间	是
用户表表	1	Id	Int	id	否
	2	username	String	用户名	是
	3	password	String	密码	是
	4	role	String	角色	是
	5	addtime	Date	新增时间	是

三、 系统实现

这个环节需要使用前面的设计方案，包括对系统模块的设计，还有对程序后台的数据支持的数据库的设计等。不过这部分内容还是强调系统编码人员的开发能力，要把前面设计的内容通过编码的形式以一个完整的，可以运行的系统呈现出来。

1 用户信息管理

如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，还进行了对用户名称的模糊查询的条件。

图1 用户信息管理页面

2 医生信息管理

如图2显示的就是医生信息管理页面，此页面提供给管理员的功能有：查看已发布的医生信息数据，修改医生信息，医生信息作废，即可删除，还进行了对医生信息名称的模糊查询，医生信息信息的类型查询等等一些条件。

图2 医生信息管理页面

3 公告类型管理

如图3显示的就是公告类型管理页面，此页面提供给管理员的功能有：根据公告类型进行条件查询，还可以对公告类型进行新增、修改、查询操作等等。

图3 公告类型管理页面

4 公告信息管理

如图4显示的就是公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。

源码+论文 下载 >>