SpringBoot+Vue敬老院管理系统开发实战

1. 项目概述SpringBootVue敬老院管理系统这个基于SpringBootVue的敬老院管理系统是我去年为一个本地养老机构开发的实际项目。当时他们还在用纸质档案管理老人信息护工排班经常出错家属也无法实时了解老人情况。这套系统上线后管理效率提升了60%以上特别适合作为毕业设计或课程设计的参考案例。系统采用前后端分离架构后端用SpringBoot提供RESTful API前端用Vue构建响应式界面数据库选用MySQL 8.0。这种技术组合既能体现现代Web开发的主流技术栈又保证了系统的稳定性和扩展性。我在开发过程中踩过不少坑比如Vue路由权限控制、SpringBoot事务管理等这些经验都会在后续详细说明。2. 核心功能模块设计2.1 老人信息管理模块这个模块采用树形结构设计基础信息表老人档案健康档案表每日体检数据护理记录表关联护工ID家属关联表绑定微信通知数据库设计时特别注意了隐私字段加密存储比如身份证号采用AES加密。前端用Vue的Element UI表格实现分页查询配合自定义过滤器实现条件筛选。这里有个细节健康数据变化趋势用ECharts可视化展示需要后端提供聚合查询接口。// SpringBoot中实现的分页查询示例 GetMapping(/elderly) public PageResultElderly queryElderly( RequestParam(required false) String keyword, RequestParam(defaultValue 1) Integer page, RequestParam(defaultValue 10) Integer size) { Pageable pageable PageRequest.of(page - 1, size); SpecificationElderly spec (root, query, cb) - { ListPredicate predicates new ArrayList(); if (StringUtils.hasText(keyword)) { predicates.add(cb.or( cb.like(root.get(name), % keyword %), cb.like(root.get(roomNumber), % keyword %) )); } return cb.and(predicates.toArray(new Predicate[0])); }; PageElderly result elderlyRepository.findAll(spec, pageable); return new PageResult(result.getContent(), result.getTotalElements()); }2.2 护工排班与考勤系统排班算法是这里的难点我最终采用的方案基于规则引擎Drools定义排班规则每位护工连续工作时间≤8小时相同区域的护工不能同时休假高级护工需要均匀分配考勤对接了人脸识别设备通过OpenCV实现上班时拍照比对数据库异常考勤自动触发通知前端用FullCalendar组件展示排班表支持拖拽调整。这里要注意时区问题后端所有时间字段必须统一用UTC存储。2.3 药品与健康管理药品管理实现了库存预警低于阈值自动邮件通知采购用药记录关联老人和药品批次智能提醒定时任务WebSocket推送健康数据采集用了两种方案智能设备自动上传通过HTTP API手动录入移动端H5页面重要提示医疗数据属于敏感信息必须做数据脱敏处理。我们采用MyBatis拦截器对查询结果进行实时脱敏。3. 技术实现细节3.1 SpringBoot后端关键配置多环境配置分离# application-dev.yml spring: datasource: url: jdbc:mysql://localhost:3306/nursing_home?useSSLfalseserverTimezoneUTC username: dev_user password: Dev1234 redis: host: localhost port: 6379事务管理特别注意Service Transactional(rollbackFor Exception.class) // 注意要捕获所有异常 public class MedicationService { Autowired private MedicationRecordRepository recordRepo; Autowired private InventoryRepository inventoryRepo; public void dispenseMedication(Long elderlyId, Long medicationId, int amount) { // 先扣减库存 inventoryRepo.reduceStock(medicationId, amount); // 再创建用药记录 MedicationRecord record new MedicationRecord(); record.setElderlyId(elderlyId); record.setMedicationId(medicationId); record.setAmount(amount); record.setTime(LocalDateTime.now()); recordRepo.save(record); } }3.2 Vue前端架构设计项目结构采用模块化组织src/ ├── api/ # Axios封装 ├── assets/ # 静态资源 ├── components/ # 公共组件 │ ├── charts/ # ECharts封装 │ └── form/ # 动态表单 ├── router/ # 路由配置 ├── store/ # Vuex状态管理 ├── utils/ # 工具函数 └── views/ # 页面组件 ├── elderly/ # 老人管理 ├── staff/ # 员工管理 └── medication/ # 药品管理路由权限控制方案// 路由守卫示例 router.beforeEach((to, from, next) { const hasToken localStorage.getItem(token) if (to.matched.some(record record.meta.requiresAuth)) { if (!hasToken) { next(/login) } else { // 检查用户是否有该路由权限 const userRoles store.getters.roles if (to.meta.roles !to.meta.roles.includes(userRoles)) { next(/403) } else { next() } } } else { next() } })4. 开发常见问题与解决方案4.1 跨域问题处理开发环境解决方案Configuration public class CorsConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) .allowedOrigins(*) .allowedMethods(GET, POST, PUT, DELETE) .allowedHeaders(*) .maxAge(3600); } }生产环境建议使用Nginx反向代理配置具体的域名白名单启用CORS预检缓存4.2 文件上传大小限制SpringBoot默认限制文件上传大小为1MB需要调整spring: servlet: multipart: max-file-size: 10MB max-request-size: 10MB前端上传组件要注意添加文件类型校验显示上传进度条实现断点续传大文件时4.3 MySQL性能优化索引优化-- 老人表常用查询字段加索引 ALTER TABLE elderly ADD INDEX idx_name_room (name, room_number), ADD INDEX idx_status (status);连接池配置spring: datasource: hikari: maximum-pool-size: 20 connection-timeout: 30000 idle-timeout: 600000 max-lifetime: 18000005. 项目部署实战5.1 后端打包与运行打包为可执行JARmvn clean package -DskipTests生产环境启动建议nohup java -Xms512m -Xmx1024m -jar nursing-home.jar \ --spring.profiles.activeprod \ app.log 21 5.2 前端部署方案生产环境构建npm run buildNginx配置示例server { listen 80; server_name nursing.home.com; location / { root /usr/share/nginx/html; index index.html; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://127.0.0.1:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } }5.3 数据库迁移方案使用Flyway管理数据库变更-- V1__Initial_schema.sql CREATE TABLE elderly ( id BIGINT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50) NOT NULL, gender CHAR(1), birth_date DATE, /* 其他字段 */ ); -- V2__Add_health_records.sql ALTER TABLE elderly ADD COLUMN blood_type VARCHAR(3);6. 毕设/课设扩展建议如果想把这个项目作为毕业设计可以考虑以下扩展方向智能预警系统基于健康数据的异常检测算法跌倒检测模拟数据家属小程序端微信小程序开发视频探视功能物联网集成智能手环数据接入房间环境监测数据分析模块使用Python构建数据分析服务老人健康趋势预测我在实际开发中发现SpringBoot和Vue的版本兼容性很重要。推荐使用以下稳定组合SpringBoot 2.7.xVue 2.6.xElement UI 2.15.xMySQL 8.0.x对于初学者建议先从基础功能模块开始实现逐步添加复杂功能。数据库设计阶段要多花时间好的表结构能减少后期很多问题。