1、2023 年 11 月基于微信小程序的医院远程挂号系统设计黑昱冬(中国联合网络通信有限公司北京市分公司,北京 100000)【摘要】随着移动终端日趋成熟袁微信小程序以其使用方便尧用户数量大等特点袁越来越受到广大开发者的青睐遥 为解决患者挂号困难的问题袁根据微信小程序的工作原理及特征袁设计一种医院远程挂号系统袁对系统的总体架构尧业务流程尧业务功能进行探讨遥 该系统可以让患者更方便地进行远程挂号袁提高患者的就医效率袁帮助医院更好地管理患者的挂号信息遥【关键词】医院信息化曰微信小程序曰在线挂号【中图分类号】R197【文献标识码】A【文章编号】1006-4222(2023)11-0178-030 引言
2、目前,医院的就医流程随着信息化技术的不断发展而逐渐简化,医院挂号时间长、缴费时间长、取药时间长、就诊时间短的“三长一短”问题得到解决。2014 年,我国医疗行业发生重大变革,移动终端程序开始进入医疗行业,微信小程序及移动终端应用程序(APP)等在医疗工作中发挥重要作用1。本文设计了一种基于微信小程序的医院远程挂号系统,旨在帮助患者实现远程挂号,提高患者就医效率。1 关键技术1.1 Restful 开发流程本系统采用了 Restful 样式,即被称为前端和后端分开的方法来开发。后端采用了以 Java 语言为基础的 SSM(Spring+Spring MVC+MyBatis)框架,为整个系统提供了
3、一个稳定、功能强大的后台服务。前端采用 Vue.js,可以方便地为用户提供前台网页服务。本系统是利用 Java 来识别、更新背景数据,而Vue.js 是用来设计与用户互动的前端页面,并与后部界面进行对接,充当用户与资料库之间沟通的桥梁。1.2 SSM 框架本系统采用 SSM 框架来实现后端的设计,如图 1所示。其中,Spring 主要是对项目中大量 bean 进行集中管理,开发人员可以通过配置文件来对各种实体类的构造方法进行调用2。Spring MVC 可以利用HandlerMapping 将用户发出的请求用于查找相应的控制器,其最大的作用就是截取用户的请求,将Servlet 作为一个中间人。
4、MyBatis 是当前国内使用最多的一种 JDBC 封装方式,可使对数据库的基本操作具有透明性。1.3 Vue.jsVue.js 是一款用来搭建直接面向于用户的前端操作页面,与其他大型框架稍有区别,这是一个从下往上的逐层应用。图 2 为响应式系统 Vue.js 框架。通过 Vue.js,开发人员能够轻松地将系统与第三方类库集成在一起,为单页应用提供单独的驱动服务,利用 Vue.js 单独开发微信小程序页面。2 系统架构设计及业务流程2.1 系统整体架构本系统整体架构如图 3 所示。系统架构分为前展示给用户界面图 1 SSM 框架用户发送请求服务层根据业务需要判断是否从数据库获取数据数据层将数据
5、传给前端层进行渲染数据层获取数据后返回给服务层前端层图 2 响应式系统 Vue.js 框架实例数据模板页面响应式系统建立响应机制依赖关系加入加入加入监测器监测器监测器渲染函数渲染函数渲染函数生成生成生成模板编译系统回调专题综述1782023 年 11 月端层、服务层、数据层。前端层主要通过 Vue.Js 创建一个页面,让用户直接在页面进行操作。数据层负责响应使用者的要求,处理资料库中的资料。服务层的作用是充当前端层与数据层之间信息传输的接口,让两者能够相互交流。当用户在前端层的页面上进行操作时,请求数据被 GET/POST 调用,并按照请求进行数据处理,更新数据库,然后反馈给前端层页面,使前端
6、层与数据层数据同步更新3。2.2 系统业务流程系统业务流程如图 4 所示。3 系统功能设计3.1 前台功能设计前台功能(患者端)采用微信小程序来实现,是本系统的核心模块。患者(用户)只需要在移动端登录微信小程序就可以选择医院、门诊,完成挂号。3.1.1 用户登录如果用户是第一次使用这个小程序,需要先确认个人身份信息,使用第三方界面调用 GetUserInfo,这个界面由微信官方提供,用户同意授权后,系统可以获得该用户的微信账户信息,并将用户资料传送到服务器,储存用户资料并绑定用户微信账号。当用户成功登录后,将跳转至医院选择及个人中心页面4。若用户不是第一次登录,在用户打开小程序后会直接进入医院
7、选择界面。3.1.2 医院选择用户可选择本系统关联的所有医院,巡检用户所在城市有哪些医院可提供远距离挂号。本系统会采集各医院的名字、地址、电话号码等信息,将采集到的信息传送到前端层页面。3.1.3 门诊选择用户选好医院后,跳转至门诊选择页面。用户需要选择左边的科室,然后从弹出的子页中选择要挂号的特定门诊。选择完成后,系统会将请求发送给服务器,前端层与数据层的数据会同步更新。3.1.4 诊疗细节选择用户选择好门诊后,将跳转至诊疗细节选择。用户先从日期清单中选择治疗日期,之后服务器根据用户的选择调用应用程序编程接口(applicationprogramming interface,API)获得相应
8、的医生信息,包括医生名字、职称以及能够提供医疗服务的时间。用户可以按照自己的需要选择相应的诊疗时段和医师。系统将用户请求传送至服务层,根据用户请求对相关信息进行处理,同时数据库会更新数据,处理完成后在前端层页面内显示处理后的信息。3.1.5 预约挂号用户选择诊疗时间和预约医生后,将跳转至预约挂号页面,用户需要在此填写自己的个人信息。填写完个人资料后,系统将用户信息传送至服务层,由服务层根据用户个人信息、医生信息和诊疗时间,自动调配挂号,同时在前端层页面显示挂号结果,完成挂号。3.1.6 个人中心在小程序医院选择界面,用户可进入个人中心查看个人资料。个人中心包括个人信息、挂号记录、就诊记录,用户
9、查看个人先前所填写的资料,或查询过去的特殊挂号记录、就诊记录以及个人信贷情况等。用户可以在个人信息界面修改个人资料,修改完成后服务层会将修改结果传送至数据层完成数据更新,并通知前端层页面。3.2 后台功能设计后台功能由管理员在个人计算机(personalcomputer,PC)端通过网页进行管理,能够实现对各图 3 系统整体架构前端用户交互页面请求数据GET/POST返回数据JSON应用程序编程接口服务第三方接口引入数据库接口开发,根据请求返回 XML、JSON数据库操作结构化数据非结构化数据(文档、图片等)图 4 系统业务流程进入小程序是否第一次登录?用户登录医院选择个人中心个人信息挂号记录
10、就诊记录门诊选择诊疗细节选择预约挂号挂号成功是否专题综述1792023 年 11 月种基本信息的统一综合管理。在后台,管理员可以查询与医院或患者相关的所有信息,并有权进行修改或删除。后端管理具有以下功能。3.2.1 管理员登录管理员必须输入相应的管理员信息,进行身份验证,只有获得相关权限的管理员才能登录系统后台,登录成功后进入后台管理主页面。后台管理主页面包括医院管理、患者管理、出诊管理、专科管理、医生管理等多个子页面。3.2.2 医院管理在后台管理主页面,管理员可选择进入医院管理页面,查看本系统关联的所有医院信息。同时,管理员可以对医院信息进行添加、修改和删除,完成相关操作后,信息会同步到前
11、端层小程序页面。3.2.3 患者管理管理员可选择进入患者管理页面,查询已登记的患者信息,包括患者的个人信息、挂号情况、诊疗情况等。3.2.4 出诊管理管理员可进入出诊管理页面,管理各医院的访问信息。该页面涵盖来自各医院的全部访问信息,如医生未成功出诊记录等。同时,管理员可以根据患者的实际挂号情况对医生的出诊记录等信息进行修改、删除,确保患者挂号情况真实、准确。3.2.5 专科管理管理员可以在专科管理页面管理所有医院专科信息。管理员在该页面顶部下拉框中选择相应的医院,在右侧的第二个下拉框中选择了相应的门诊,然后点击查询,在下面的页面中将会显示所选择的专科全部信息。管理员可点击添加按钮,将最新的专
12、科信息添加系统数据库,方便患者进行线上挂号5。若有意愿废除相关专科,管理员选择删除相关专科信息。管理员进行操作时,服务层会更新数据,患者能够在 widget 端同步查看相关信息。3.2.6 医生管理管理员可以在医生管理页面查看所有医院的医生资料。医生管理页面可以添加或删除相关医生信息。若有新的医生入职,管理员点击添加按钮,可添加该医生的姓名、性别、职称等基本信息6。若有医生的个人资料发生变动,可对医生相关信息进行修改。若有医生离开本系统关联的医院,管理员可删除相关医生的个人信息。此外,管理员可根据医生的要求为医生排班,调整工作时间。4 系统测试为了保证本系统可以满足患者的正常挂号需要,在系统开
13、发完成之后,对其展开了大量功能测试和安全性测试。功能测试要根据患者的需求,尽可能地满足患者的挂号要求。在进行黑盒测试时,需要检验本系统的网页能否满足患者的要求,监测输入检查和输出结果是否能够达到预期的效果等。为确保系统的安全,必须验证不同的输入变量形式。同时,在患者端调用各种 API 时,对 GET/POST 的访问方式进行严格控制。此外,本系统采用了 MySQL 数据库中的预先编译机制,可有效避免出现安全漏洞7-8。5 结语本文设计了一种利用微信小程序实现挂号预约的系统。在本系统的开发过程中,采取了前端和后端分开的设计方法,在后端和前端分别使用了 JavaSSM 和 Vue.js。本系统轻便
14、易用,广大患者不需要安装任何 APP,只需要登录微信小程序就可以进行远程挂号。此外,本系统还具有信息管理后台,医院的工作人员可以通过管理后台对已登记的患者信息进行状态管理,同时还能给医生排班,调整工作时间,这对于提高医院管理水平和患者就医质量具有积极作用。参考文献1 郭天伟.基于移动终端的医疗记录远程访问应用程序设计J.电脑编程技巧与维护,2016(24):49-50,60.2 孙剑,程建军.基于微信小程序的医院远程挂号系统设计J.电子设计工程,2021,29(22):51-54.3 刘仪,张雪冰.大数据背景下微信小程序的应用与分析J.无线互联科技,2021,18(7):45-46.4 周雅娟
15、,赵亚丽,王燕华,等.微信小程序在门诊预约挂号中的应用效果探究J.甘肃科技,2020,36(13):121-123.5 张志同,莫琴.基于微信小程序的在线挂号系统设计与实现J.信息与电脑(理论版),2019(4):90-93.6 任皓.医院供应管理系统D.天津:河北工业大学,2013.7 万文亮,姜浩.基于微信小程序的医保脱卡支付系统设计及应用J.中国数字医学,2019,14(5):55-57,60.8 栾霞,赵晓楠.基于 Web Service 的中小型医院电子病历系统设计J.电子设计工程,2015,23(3):40-42.作者简介院黑昱冬(1975),男,回族,北京人,硕士研究生,高级工程师,研究方向为通信工程。专题综述180