背景和目标
1. 立项背景
随着医疗健康行业的快速发展,传统的线下体检预约、报告查询等服务模式已无法满足用户日益增长的便捷化需求。用户需要一个能够随时随地查询医院信息、预约体检套餐、查看体检报告的数字化平台。
2. 项目目标
用户端 :为普通用户提供便捷的体检预约、报告查询等服务
医院端 :帮助医院管理体检套餐、预约记录和体检报告
医生端 :为医生提供体检报告编辑、客户管理等功能
管理端 :为管理员提供用户、医院、医生等系统资源管理
软件功能、核心功能模块介绍
1 用户端功能
登录注册 :PC端和移动端登录页面,支持用户名密码登录
医院管理 :医院列表展示、医院详情查看
体检套餐 :套餐列表、套餐详情查看
预约管理 :预约创建、预约列表管理
报告管理 :体检报告列表、报告详情查看
个人中心 :用户信息修改与管理
2 医生端功能
客户管理 :客户预约列表、客户详情查看
报告管理 :体检报告列表、报告编辑
系统设置 :医生个人信息管理
3 管理端功能
用户管理 :用户列表、用户信息管理
医生管理 :医生列表、医生信息管理
医院管理 :医院列表、医院信息管理
套餐管理 :体检套餐列表、套餐信息管理
反馈处理 :用户反馈列表、反馈处理
业务流程、功能路径描述
用户端
用户登录 → 医院列表 → 医院详情 → 体检套餐列表 → 套餐详情 → 创建预约 → 预约成功
用户登录 → 报告列表 → 报告详情查看
用户登录 → 个人中心 → 修改信息 → 保存成功
医生端
医生登录 → 报告列表 → 选择报告 → 编辑报告 → 保存报告
医生登录 → 客户列表 → 客户详情查看
管理端
管理员登录 → 医院列表 → 新增/编辑医院信息 → 保存成功
管理员登录 → 套餐列表 → 新增/编辑套餐信息 → 保存成功
本医疗健康系统通过前后端分离架构,实现了PC端和移动端的多端支持,覆盖了用户、医生、管理员等不同角色的核心业务需求。系统功能完整,业务流程清晰,为医疗健康服务提供了便捷的数字化解决方案。
1. 整体架构
本项目采用 前后端分离 的架构模式,前端负责用户界面和交互逻辑,后端负责业务处理和数据管理,通过RESTful API进行通信。
2. 设计思路
前端 :采用Vue 3框架,结合Element Plus组件库,实现响应式界面设计,支持PC端和移动端访问
后端 :基于Spring Boot框架,使用MyBatis Plus简化数据库操作,集成JWT认证机制
数据存储 :使用MySQL数据库存储系统核心数据
安全认证 :采用JWT无状态认证,结合Spring Security实现基于角色的访问控制
3. 技术栈 (1)后端技术栈
核心框架 :Spring Boot 2.x
数据库访问 :MyBatis Plus
安全认证 :JWT + Spring Security
数据库 :MySQL 5.7+
构建工具 :Maven
其他组件 :Lombok、CORS (2)前端技术栈
核心框架 :Vue 3
UI组件库 :Element Plus
构建工具 :Vite
路由管理 :Vue Router
状态管理 :Pinia
HTTP客户端 :Axios
我主要负责 PC端用户功能 的实现,具体包括:
PC端登录界面
PC端用户首页
医院管理模块
体检套餐模块
预约管理模块
报告管理模块
个人中心模块
难点一:前后端数据交互
问题 :与后端API对接时,需要处理异步请求、数据格式转换和错误状态码
解决方案 :配置Axios拦截器,统一处理请求头、响应数据和错误信息,确保前后端通信的顺畅
难点二:跨设备路由适配
问题 :系统同时支持PC端和移动端,需要区分设备类型并跳转至对应页面
解决方案 :在路由配置中添加device元信息,通过路由守卫根据设备类型跳转到对应页面,最终将根路径默认跳转到PC登登录页