重磅升级：基于SpringBoot+VUE+UniApp的挂号病历管理系统：用户/医生/管理员支持多端(H5端、小程序端、PC端)登录：支持百度OCR身份证扫描【建议收藏】-CSDN博客

本文链接：https://blog.csdn.net/madifu/article/details/144387447

重磅升级：基于SpringBoot+VUE+UniApp的挂号病历管理系统：用户/医生/管理员支持多端[H5端、小程序端、PC端]登录：支持百度OCR身份证扫描【建议收藏】

前言
1.技术介绍
2.业务需求
3.需求分析
4.系统设计
5.用户端主要界面截图
7.管理员端主要界面截图
8.OCR识别
- 8.1介绍
- 8.2参考代码
9.设计文档
10.核心代码
- 10.1 IdcardOCR
- 10.2 EchartsController
10.gitee
11.后记

前言

大家好，我是程序员码递夫。

今天给大家介绍一个基于SpringBoot+VUE+UniApp的挂号病历管理系统，系统基于SpringBoot+VUE的宠物医院后台管理系统做了多项提升。

系统完美运行，无任何的bug，技术较多，可以当做
面试的项目或者作为毕设的项目。

通过本项目你可以学到:

项目是怎样前后端分离的
vue 是如何用于后台管理的
如何用MyBaitsPlus 代码生成器生成代码的
单表增删改查（包括分页模糊查询）
批量删除
基于RBAC的权限管理是如何设计的
菜单管理又是如何实现的
文件上传的实现
导入导出
主从表的数据是如何在前端呈现的
如何使用百度的Echarts可视化显示图表数据
如何使用百度OCR识别身份证信息
如何用Uni-App开发前端H5或微信小程序应用
…

获取源码的方式见文章底部。

为防止刷着刷着找不到，大家点赞、收藏文章。

具体的介绍如下所示。

1.技术介绍

前后端分离，用户端支持H5或微信小程序，服务端使用 Web访问。

用户端	管理前端	后台端
HBulidex + uni-app + VUE3 + npm	VS Code + VUE2 + element-ui + echarts	SpringBoot，Mybatis-Plus, MySQL5.7以上，JAVA1.8，百度OCR识别

2.业务需求

本系统考虑的应用场景是在一般医院或诊所里，主要有预约管理、病历管理、公告管理、留言管理等功能。

主要分了用户、医生和管理员三个角色。每个角色登录系统会有不同的菜单功能呈现，页面中不同的角色有不同的权限。各角色可访问的菜单都由管理员进行配置。

用户端页面要求可以H5访问或微信小程序访问，界面友好美观。

3.需求分析

3.1用户端

（1）通过H5或微信小程序访问。
（2）预约医生：用户可以查看所有医生信息，选择预约对应的医生预约排队（即添加预约信息）。
（3）我的预约：用户查看自己的预约信息，查看预约审核状态；并实现预约信息的添加，修改，删除，查询功能。
（4）支付：对预约的订单进行支付，只有支付成功的订单，医生才可以接单。如果余额不足可以进行在线充值。
（5）诊断：可查看医生开具的诊断信息。
（6）就诊卡：上传身份证创建医院就诊卡，可删除、查询自己的就诊卡。
（7）在线留言：用户可以查看留言榜，也可以留言，可以对自己等留言进行删除。
（8）查看公告：公告有滚动提示，点击可查看具体公告。
（9）充值：在线对自己等余额充值。
（10）个人中心：用户可以查看自己的个人信息，并实现修改功能（例如：修改账号，上传头像等）。

3.2医生端

（1）通过WEB访问
（2）预约管理：医生可以查询预约自己的所有预约信息，实现预约信息的修改，删除，查询功能。
（3）诊断管理：针对每一个自己诊断的病人进行记录，方便下次诊断时查询，实现就诊记录的添加，修改，删除，查询功能。
（4）留言管理：可以查看用户在平台的留言记录。
（5）个人中心：医生查询自己的个人信息，并可以实现修改功能（例如：修改账号，密码，上传头像等）。

3.3管理员端

（1）通过WEB访问
（2）数据报表：提供关键数据的分析，使用图表呈现。
（3）用户管理：查询所有用户信息，实现用户的添加，修改，删除，查询功能。
（4）医生管理：查询所有医生信息，实现医生的添加，修改，删除，查询功能。
（5）角色管理：创建角色，分配菜单访问权限
（6）菜单管理：实现菜单的添加，修改，删除，查询功能。支持多级菜单。
（7）科室管理：查询科室信息，实现科室的添加，修改，删除，查询功能。
（8）就诊卡管理：查询就诊卡信息，实现就诊卡的添加，修改，删除，查询功能。
（9）预约管理：可以查询所有预约信息，实现预约信息的删除，查询功能。
（10）充值中心：查询所有充值记录。
（11）公告管理：添加、修改、删除公告。启用的公告可以在用户端查看。
（12）留言管理：查询用户的留言信息，实现留言的审核，删除功能。只有审核通过的留言才会显示给公众。
（13）个人中心：管理员查询自己的个人信息，并可以实现修改功能（例如：修改账号，密码等）。

4.系统设计

4.1系统功能设计

系统功能设计

4.2预约流程

预约流程

4.3就诊流程

就诊流程

4.4充值流程

充值流程

4.5关键数据库表E-R图

ER图

5.用户端主要界面截图

5.1首页

首页包含预约医生、我的预约、在线留言、查看公告等功能。

5.2公告

在这里插入图片描述

5.3就诊卡

用户可查看，新增，删除就诊卡。新增就诊卡需要上传身份证信息。

5.4诊断记录

用户可查看医生开具的就诊信息.

5.5我的

6.医生端主要界面截图

6.1预约管理

医生可以查询预约了自己的所有预约信息，实现预约信息的添加，修改，删除，查询功能。
预约管理

6.2诊断管理

针对每一个自己诊断的病情进行记录，方便下次诊断时查询，实现就诊记录的添加，修改，删除，查询功能。
诊断管理

7.管理员端主要界面截图

7.1首页

没有账号可以注册账号。对于医生和管理员的注册，由系统管理员在管理段注册。（默认管理员的账号和密码都是 admin）

普通用户的注册请访问H5的用户端进行注册。

登录之后，后台会菜单和权限的配置生成相应数据告知前端，前端进入相应的模块。

7.2数据分析

提供直观、动态的图表数据分析

7.3充值中心

充值中心
查询所有充值记录，每笔金额操作，都不遗漏，便于溯源。

8.OCR识别

8.1介绍

为保证用户身份的真实性，需要进行身份证认证，本项目对用户上传的身份证照信息进行识别，并提取关键的实名信息保存入库。借助百度的开放平台，可轻松实现身份证信息的提取。

百度的AI开放平台（https://ai.baidu.com/），向我们提供了卡证文字识别的功能调用，可以结构化识别身份证、银行卡、营业执照等常用卡片及证照，支持营业执照信息的准确性核验；还可使用iOCR、 EasyDL OCR 自定义平台，定制个性化识别模型。广泛适用于身份认证、金融开户、征信评估等业务场景。接口调用简单，对开发者友好，有免费的测试资源资源领取。个人认证 200 次，企业认证 500 次。

8.2参考代码

使用百度的OCR身份证识别，是本项目的一个亮点。
可参看我编写的《JAVA后端如何调用百度的身份证识别API》文档，链接为：https://blog.csdn.net/madifu/article/details/137508245

9.设计文档

提供需求说明和关键的业务数据库表字典，很难得喔。
设计文档

10.核心代码

10.1 IdcardOCR

/**
 * @Description    百度身份证OCR识别
 * @Author     wx_madaogongcheng
 * @Date
 */
public class IdCardOCR  {
   

    /**
     * 卡面
     */
    public interface CardSide {
   
        /** 正面*/
        String  FRONT_SIDE = "front";

        /** 背面*/
        String  BACK_SIDE = "back";
    }

    public static Boolean getEnable() {
   
        return ENABLE;
    }

    public static void setEnable(Boolean enable) {
   
        IdCardOCR.ENABLE = enable;
    }

    /** 功