项目文档

项目简介

预约挂号是患者就医的首要环节，随着就诊人次不断增加，医院对排班、诊疗和住院协同的管理要求也在提高。不少中小型医院仍依赖窗口登记和纸质单据，患者排队耗时长，医生排班与诊疗信息难以及时查询，诊疗缴费和住院办理流程繁琐，患者社区互动与健康资讯也缺少统一入口。这些问题在门诊、住院业务并行的医院中尤为明显。为此，有必要开发一套在线医院预约系统，让患者能够便捷完成预约与缴费，让医生和管理人员能够高效处理诊疗业务并掌握医院运营情况。

针对上述问题，本文设计并实现了一套基于 Spring Boot3 与 Vue3 的在线医院预约系统。系统采用前后端分离的 B/S 架构，前端使用 Vue3 和 Element Plus 分别构建患者端与管理端界面，后端基于 Spring Boot3 提供 RESTful 接口服务，通过 MyBatis Plus 访问 MySQL 数据库，采用 JWT 实现身份认证。系统面向患者、医生与管理员三类角色。患者端支持科室导览、医生预约、诊疗缴费、住院管理与患者社区等功能；管理端提供科室与医生管理、排班管理、诊疗与住院管理、检查项目与药品管理、用户与权限管理，以及基于 ECharts 的差异化工作台统计。经功能测试与安全测试验证，系统运行稳定，能够将分散的预约诊疗、住院缴费和运营数据集中管理，对提升医院信息化服务水平具有实际应用价值。

关联课题

关键词：在线医院预约系统、医院挂号系统、医疗预约平台、在线挂号预约系统、医院管理系统、医疗服务平台

课题列表：

基于SpringBoot3+Vue3的在线医院预约系统的设计与实现
基于SpringBoot3+Vue3的医院挂号与诊疗管理系统的设计与实现
基于SpringBoot3+Vue3的医疗预约服务平台的设计与实现
基于SpringBoot3+Vue3的智能医院预约与排班管理系统的设计与实现
基于SpringBoot3+Vue3的在线挂号与住院管理平台的设计与实现
基于SpringBoot3+Vue3的医疗信息化服务管理系统的设计与实现

7.3 项目技术栈

架构：B/S结构、MVC软件架构、RESTful API、前后端分离架构
后端：Spring Boot 3、MyBatis-Plus、JWT、Hutool、PageHelper、RBAC、Lombok
前端：Vue 3、ECharts、Element Plus、Axios、Vite、WangEditor
数据库：MySQL
其它：数据可视化分析、多种颜色主题可选

7.4 功能模块设计

本系统包含患者、医生、管理员三个角色，各角色功能如下：

患者

注册：支持使用账号、密码等信息进行注册。
登录：支持用户使用账号、密码进行登录。
首页：查看医院基本信息、联系方式、营业时间及首页轮播图展示内容。
科室导览：浏览医院各科室列表，查看科室名称、简介和所属医生数量，选择科室后可进入医生预约流程。
医生预约：选择科室与医生，查看医生详细信息（职称、专长、挂号费、评分），选择可用排班时间段进行在线预约挂号，填写主诉和联系电话提交预约。
我的预约：查看个人全部预约记录列表，显示预约状态（待确认、已确认、已完成、已取消），支持取消待确认预约并填写取消原因；诊疗完成后可在线缴纳诊疗费（支持支付宝/微信支付），支付弹窗展示检查项目与药品费用明细；诊疗费缴纳后方可查看完整诊疗报告（含主诉、现病史、体征、诊断、处方、医嘱等）并对医生进行评分评价。
我的住院：查看个人住院记录，展示住院状态（住院中、已出院）、主治医生、科室、病房、入院日期、出院日期、住院总费用等信息；出院后可在线缴纳住院费（支持支付宝/微信支付），并实时显示缴费状态（未支付/已支付）。
患者社区：浏览社区动态列表，发布社区动态内容，对动态发布评论与点赞互动，进入圈子详情页查看完整内容与评论。
我的圈子：管理自己发布的社区动态，查看本人参与的全部圈子及动态记录。
健康资讯：浏览医院发布的医疗健康资讯文章列表，点击查看资讯详情与专业内容。
个人资料：查看和修改个人基本信息、上传头像等。
修改密码：修改登录密码。

医生

登录：通过用户名和密码登录管理后台，系统采用 JWT 令牌进行身份认证，基于角色权限加载医生专属菜单。
工作台：查看个人维度的运营数据，统计卡片展示今日预约数、待处理数、本月完成诊疗次数、服务评分四项指标；图表区域以饼图展示个人预约状态分布，以柱状图展示近 7 天每日预约次数趋势。
我的预约：查看和管理个人全部预约安排，对患者预约请求进行确认或拒绝操作，查看预约详情（患者姓名、就诊时间、主诉描述、联系电话）。
诊疗记录：管理个人诊疗记录，执行五步式诊疗流程：① 病史采集（主诉、现病史）；② 体格检查（生命体征、查体结果）；③ 辅助检查（添加检查项目及结果记录）；④ 诊断开药（录入诊断名称、ICD 编码与药品处方）；⑤ 完成诊疗（生成最终诊疗记录与医嘱），全程同步记录电子病历。
办理住院：为预约完成的患者办理住院手续，填写入院信息并完成住院登记。
健康资讯：发布和管理医疗健康相关的专业资讯与科普文章，支持 WangEditor 富文本编辑。
个人资料：查看和修改个人基本信息、上传头像等。
修改密码：修改登录密码。

管理员

登录：通过用户名和密码登录管理后台，系统采用 JWT 令牌进行身份认证，拥有最高管理权限，登录后根据角色动态加载对应菜单。
工作台：查看系统整体运营数据，统计卡片展示患者总数、医生总数、科室总数、今日活跃用户四项核心指标；图表区域以饼图展示全系统预约状态分布（已完成、已确认、待确认、已取消），以柱状图展示基础数据统计（检查项目、药品信息、诊断代码、病房管理各类数量）。
科室管理：维护科室基本信息（名称、简介、图片），管理科室启用/禁用状态，统计各科室关联医生数量。
医生管理：维护医生基本信息（姓名、头像、职称、专长、挂号费、执照编号、从业年限、简介、学历），关联所属科室，管理医生账号状态。
医院信息：维护医院对外展示的基本信息、联系方式、营业时间等内容。
排班管理：配置医生工作时间段，设置每个时间段的预约限额，进行排班冲突检查，确保排班合理可用。
诊疗记录：查看全系统所有诊疗记录，浏览诊疗详情包括病史采集信息、体格检查结果、检查项目、诊断信息与药品处方。
住院管理：查看全院住院患者信息，维护住院记录（入院原因、病情描述、预计住院天数、出院诊断、费用等），管理患者出院状态。
病房管理：管理病房基本信息（病房名称、床位数、类型、日费用），维护病房状态（空闲/占用）。
检查项目管理：维护检查项目信息（项目编码、名称、类别、描述、单价），管理检查项目启用/禁用状态。
药品信息管理：维护药品信息（药品编码、名称、类型、规格、单位、价格、剂型、用法用量），管理药品启用/禁用状态。
诊断代码管理：维护诊断代码信息（ICD 编码、诊断名称、描述），管理诊断代码启用/禁用状态，为诊疗流程提供标准化数据支撑。
用户管理：对系统所有用户账号（患者、医生等）进行统一管理，支持账号启用/禁用、编辑用户信息。
角色管理：配置系统角色及对应的功能权限，基于 RBAC 模型为每个角色动态分配菜单权限。
菜单信息：动态配置后台菜单树结构（目录与菜单两种类型），与角色权限绑定，实现按角色显示对应菜单。
健康资讯：发布和管理医疗健康相关资讯文章，支持 WangEditor 富文本编辑，设置封面图片。
轮播图管理：管理用户端首页轮播图内容，包括图片链接、跳转地址和显示顺序。
个人资料：查看和修改个人基本信息、上传头像等。
修改密码：修改登录密码。

项目创新点

五步式标准化诊疗流程：系统创新性地将传统诊疗过程拆解为病史采集、体格检查、辅助检查、诊断开药、完成诊疗五个标准化步骤，医生按流程逐步推进并同步记录电子病历，诊疗阶段（diagnosis_stage）字段追踪各步骤进度，实现了诊疗过程的规范化与数字化，有效提升了诊疗质量与医疗服务的标准化水平。
基于 RBAC 的动态权限控制：系统采用基于角色的访问控制模型（RBAC），管理端菜单与角色绑定存储于数据库，用户登录后动态加载专属菜单并通过 router.addRoute 动态注册路由；结合 JWT Token 认证与 Vue Router 全局路由守卫，实现管理员、医生、患者三类角色的精准权限隔离，保障系统安全性与医疗数据的隐私保护。
智能化排班与预约防超额机制：系统提供精细化的医生排班管理功能，支持时间段配置与每时段预约限额设置，系统自动进行排班冲突检查；预约时实时统计已预约数量，防止超额预约；预约状态覆盖完整生命周期（待确认→已确认→已完成/已取消），确保医疗资源的合理分配与高效利用。
患者社区互动平台：系统引入患者社区功能，将医疗健康互助、就医经验分享与专业医疗服务融合于一体，患者可发布社区动态、评论互动、点赞交流，并通过"我的圈子"模块管理自己参与的全部社区内容，打造了兼具专业医疗支持与患者互助的综合互动平台。
双端差异化数据可视化看板：系统利用 ECharts 图表库为管理员与医生分别设计差异化的工作台看板，管理员看板展示全院患者总数、医生总数、科室总数、今日活跃用户四项指标，并以饼图呈现全院预约状态分布、柱状图呈现基础数据统计；医生看板则聚焦个人服务数据，展示今日预约、待处理、本月完成、服务评分四项指标，以近 7 天柱状图趋势辅助医生掌握自身工作节奏，为运营决策提供直观支持。
患者在线缴费与诊疗报告闭环设计：系统创新性地引入了患者端在线缴费功能，诊疗完成后患者可在"我的预约"页面缴纳诊疗费，支付弹窗以列表形式呈现检查项目与药品的逐项费用明细，清晰透明；出院后可在"我的住院"页面缴纳住院总费用。两处缴费均支持支付宝与微信支付，与挂号缴费保持统一的交互规范。同时设计了"先缴费后查看报告"的功能锁定机制——仅在诊疗费缴纳完成后，患者才能查看完整的诊疗报告（含诊断、处方、医嘱）并对医生进行评分，有效提升了医疗服务的闭环管理水平。
完整的住院全流程管理：系统打通了从医生诊疗到住院管理的完整服务链路，医生可在诊疗完成后直接为患者开具住院单，管理员负责办理入院（分配病房）与出院，整个流程状态清晰（待入院→住院中→已出院）；住院管理模块支持日费用与总费用计算、出院诊断记录，患者端同步提供"我的住院"页面及在线缴纳住院费功能，实现了医患双端的住院信息与费用协同管理。