摘 要

现代信息化社会下的数据管理对活动的重要性越来越为明显，人们出门可以通过网络进行交流、信息咨询、查询等操作。网络化生活对人们身体健康也有了非常大的考验，通过网上进行挂号就医生的人也是越来越多，信息化管理系统适用于所有行业，开发设计一套在线预约挂号系统来帮助客户进行信息化高效在线预约挂号管理，要设计出和医院挂号系统。目前在线预约挂号系统新推出的在线咨询和管理功能，客户们都非常有必要通过本平台进行在线互动。

本论文在研究如今网上的在线预约挂号与现如今已有的同类APP的基础上，对在线预约挂号APP的需求分析，系统设计、系统实现、系统测试进行了分析和研究，并对核心的业务和功能模块进行了实现。在线预约挂号app前端采用Vue框架，后端使用node+koa2框架进行前后端分离。同时利用关系型数据库MySQL作为存储载体。

本文的具体研究思路如下：

①通过本论文的研究目的和意义，并且在了解国内外发展的基础上，对整个项目有了总体的研究方向。

②根据项目的业务特点，对项目进行了系统分析与设计。同时也描述了系统所需的各种技术和操作环境。

③对项目的主要功能进行研究,以确定项目的主导作用,然后再对系统的工作范围、主要功能模块以及系统进行研究与设计,并制定系统原型

④最后，编码实现项目并进行测试。

关键词：预约挂号APP；KOA；VUE.JS；NODE.JS

目 录

摘 要III

ABSTRACTIV

1 绪 论1

1.1 研究目的与意义1

1.1.1 研究目的1

1.1.2 研究意义1

1.2 国内外研究现状2

1.2.1 国内研究现状2

1.2.2 国外研究现状2

1.3 论文主要研究内容2

1.3.1 预约挂号2

1.3.2 违约处罚2

1.3.3 论文组织结构3

1.4 小结3

2 相关技术与工具4

2.1 相关知识4

2.1.1 B/S模式4

2.2 相关技术与工具4

2.2.1 VUE4

2.2.2 KOA2框架5

2.2.3 AJAX5

2.2.4 VSCODE5

2.2.5 Mysql数据库6

2.3 本章小结6

3 需求分析7

3.1 系统目标7

3.2 业务流程分析7

3.3 业务角色分析8

3.4 系统功能分析8

3.4.1 搜索科室或医生8

3.4.2 在线预约挂号9

3.4.3 医生信息管理10

3.5 非功能性需求11

3.6 开发运行环境11

3.7 本章小结12

4 系统分析与设计13

4.1 系统架构13

4.1.1 系统架构分析13

4.2 系统功能模块设计13

4.2.1 功能层次图13

4.2.2 搜索功能14

4.2.3 预约功能15

4.2.4 医生信息管理15

4.3 数据库设计16

4.3.1 数据库概念设计16

4.3.2 数据库逻辑模型17

4.3.3 数据库物理模型设计18

4.4 界面原型设计20

4.4.1 在线预约挂号app主界面20

4.4.2 在线预约挂号app后台管理系统主界面21

4.5 本章小结21

5 系统实现22

5.1 功能模块实现22

5.1.1 搜索功能模块实现22

5.1.2 预约功能模块实现23

5.1.3 医生信息管理功能模块实现25

5.2 本章小结27

6 系统测试29

6.1 在线预约挂号APP测试环境29

6.2 在线预约挂号APP主要功能测试29

6.3 小结30

7 总结与展望31

参考文献33

1. 需求分析

1. 系统目标

随着互联网的发达,以及人民生活水平的提升,大家也更加关注自身的健康。其实不管你是去医院检查,还是去看病,在挂号这一步上就会花点大量的时间,而且如果你排到一半了突然因为一些问题需要走开一会,但是又排了这么久了走开的话,又要重新排,不知道又要花多久的时间。虽然现在许多医院都在大厅摆放了自动挂号机,但是并没有多大的效果,人一多该排队还是需要排队,而且还可能因为不会操作、或操作不当造花费更多的时间。其次就是一些人网上预约了以后,爽约不到。

针对以上问题，本课题能较合理的解决以上问题，使用手机你不仅可以随时随地的挂号，你还可以随时的了解医院医生的情况。针对爽约不到，本课题想到的方法是给予两次的爽约次数，爽约超过两次后就一年内不允许网上预约挂号。

1. 业务流程分析

在线预约挂号app是一种使用者能够实现网上预约挂号服务的平台,app内容包括网页,预约挂号以及个人网站。首页一般是展示的是患者信息包括:患者介绍、科室、优秀医生等。预约挂号页面主要是用户选择科室医生进行预约。如图3.2在线预约挂号app核心业务流程图:

图3.1在线预约挂号app核心业务流程图

1. 业务角色分析

根据课题的目的与意义可以基本确定本app的相关业务角色有：

顾客：可以正常访问app，查看科室以及医生，选择医生进行预约等。

医生：可以登录后台管理系统，查看顾客的预约，以及对爽约的预约进行标记。

管理员：可以登录后台管理系统，对医院、医生、科室。用户等信息进行管理

1. 系统功能分析

1. 搜索科室或医生

用户在登录成功以后可以，可以通过搜索功能快速找到已知的想要查找科室或优秀的医生。

表3.1 搜索功能用例

图3.2搜索功能用例图

1. 在线预约挂号

用户在选择好要预约的医生后，就可以进行一键预约。

表3.2 预约功能用例

图3.3预约功能用例图

1. 医生信息管理

后台管理系统主要就是对医生、用户、预约单等基本的信息进行管理。下面我对医生信息管理这一功能简要介绍。

表3.3 医生信息管理功能用例

图3.4修改医生信息用例图

1. 非功能性需求

①系统易用性

这个APP是针对各个年龄层的，操作界面要简单漂亮，操作一目了然，不能有太多多余的功能。使用方便，可以更好的提高使用者的使用体验。

②系统安全问题

使用者须先登入应用程式，医师亦须先登入帐号方可使用，系统之介面存取，须带上token，并且设定有时，超过后就需要。以确保系统在受到恶意操纵时的安全性

1. 开发运行环境

①硬件环境

CPU：Intel(R) Core(TM)

内存容量：8G

显示分辨率：1366*768

网络：10M带宽

②软件环境

开发语言：Javascript

数据库：MySQL5.7

开发工具：VScode v1.67

数据库管理工具：Navicat

浏览器：Chrome

javascript运行环境：node v14.16.0

1. 本章小结

本章节主要对功能性需求研究、以及对非功能性需求研究做了一定的介绍。功能性的说明,对本系统各个功能预期要实现的能力做出了说明,对最主要的功能做出了较为详尽的说明。而非功能性要求的可靠性,易用性,和一致性进行了分析。本文也对下一部分系统设计提出了建设性的依据。

1. 系统分析与设计

1. 系统架构

1. 系统架构分析

本课题的研究实现是给予B/S的架构实现的。

浏览器端：为用户提供一个操作界面，它处理的是Web页面。在本课题中，这端有两个，一个是Web APP,这主要是给用户提供操作的界面，提供查看科室及医生、预约、查看修改个人基本信息等功能。另一个是后台管理系统web页面这主要是给管理员、医生提供操作的页面，提供给管理员的功能主要有管理医院基本信息、医生以及用户的基本信息等。提供给医生的主要是查看预约情况以及自己的基本信息等。

服务器端：提供数据服务，服务器端操作数据，然后把结果返回浏览器端。本课题用Koa2来实现的服务器端，然后通过Sequelize来操作数据库数据。

图4.1 B/S结构图

1. 系统功能模块设计

本系统由后台数据管理系统和基于VUE的在线预约挂号APP组成。后台健康信息管理系统的功能一般分为客户服务、医师信息管理、预约单管理等;基于VUE的在线预约挂号APP的功能需求主要包括登录注册、欢迎页、推荐页、个人中心、预约页面等。

1. 功能层次图

如图4.2功能层次图所示：

图4.2功能层次图