SpringBoot+Vue养老公寓管理系统开发实践

1. 项目概述夕阳红公寓管理系统的技术架构与价值夕阳红公寓管理系统是一款面向养老机构的管理软件采用前后端分离架构实现。后端基于Java技术栈构建使用SpringBoot框架简化开发流程MyBatis作为持久层框架前端采用Vue.js配合ElementUI组件库数据库选用MySQL关系型数据库。这套技术组合在中小型Web应用中具有显著优势SpringBoot的自动配置特性让后端服务快速启动VueElementUI的组合则能快速构建美观的管理界面。这个系统主要解决养老机构日常管理中的三大痛点一是入住老人信息管理混乱的问题二是护理排班效率低下的问题三是费用结算容易出错的问题。通过数字化管理可以将入住登记、护理记录、费用结算等流程的效率提升60%以上。特别适合50-200床位的养老机构使用既不需要支付高昂的商业软件费用又能获得定制化的管理功能。2. 技术选型与架构设计2.1 后端技术栈解析SpringBoot 2.7.x版本是这个项目的核心框架选择。相比传统SSM架构SpringBoot内置Tomcat服务器通过starter依赖简化了配置工作。我们特别使用了spring-boot-starter-web处理HTTP请求spring-boot-starter-aop实现操作日志记录以及spring-boot-starter-test保证代码质量。MyBatis 3.5.x作为ORM框架配合pagehelper分页插件和MyBatis Generator代码生成器使用。这种组合特别适合需要复杂SQL查询的场景比如老人健康档案的多表关联查询。在application.yml中配置的MyBatis参数如下mybatis: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.sunset.home.entity configuration: map-underscore-to-camel-case: true log-impl: org.apache.ibatis.logging.stdout.StdOutImpl2.2 前端技术方案Vue 2.6.x作为前端框架配合Vue Router和Vuex实现路由管理和状态管理。ElementUI 2.15.x提供了一套完整的UI组件特别适合管理后台类应用。我们重用了以下关键组件el-table展示老人列表数据el-form处理入住登记表单el-calendar展示护理排班el-menu构建系统导航前端项目结构采用标准Vue-cli生成模式但增加了API请求的全局拦截器处理// src/utils/request.js import axios from axios import { Message } from element-ui const service axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 5000 }) service.interceptors.response.use( response { const res response.data if (res.code ! 200) { Message.error(res.message || Error) return Promise.reject(new Error(res.message || Error)) } return res } )2.3 数据库设计要点MySQL 5.7作为关系型数据库设计了约20张核心表。其中老人信息表resident和护理记录表care_record是最关键的两张表CREATE TABLE resident ( id int(11) NOT NULL AUTO_INCREMENT, name varchar(20) NOT NULL, gender tinyint(1) DEFAULT 1, birth_date date NOT NULL, id_card varchar(18) NOT NULL, room_id int(11) NOT NULL, check_in_date date NOT NULL, health_status varchar(200) DEFAULT NULL, emergency_contact varchar(20) NOT NULL, emergency_phone varchar(11) NOT NULL, PRIMARY KEY (id), UNIQUE KEY id_card_UNIQUE (id_card) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;注意养老系统的数据库设计要特别注意隐私字段加密身份证号等敏感信息应当进行脱敏处理3. 核心功能模块实现3.1 老人信息管理模块采用RBAC权限模型控制访问前端使用el-table展示分页数据后端提供RESTful API。关键实现点包括照片上传使用阿里云OSS存储健康信息采用JSON格式灵活存储使用Hutool工具类处理身份证校验// 身份证校验工具方法 public static boolean validateIdCard(String idCard) { if(StrUtil.isBlank(idCard)) { return false; } return IdcardUtil.isValidCard(idCard); }前端实现搜索功能时使用了ElementUI的表单验证和防抖处理el-form :modelqueryParams refqueryForm el-form-item propname el-input v-modelqueryParams.name placeholder请输入老人姓名 clearable keyup.enter.nativehandleQuery / /el-form-item /el-form script methods: { handleQuery: _.debounce(function() { this.getList(); }, 500) } /script3.2 护理排班系统排班功能是本系统的创新点采用日历视图展示排班情况。后端设计了排班规则引擎白班/夜班两种班次类型护理员技能等级匹配机制自动冲突检测算法前端使用el-calendar组件配合自定义内容插槽el-calendar template #dateCell{date, data} div classshift-item v-foritem in getShiftData(date) :keyitem.id {{ item.staffName }} ({{ item.shiftType }}) /div /template /el-calendar3.3 费用结算模块费用计算涉及多个业务规则基础床位费按月计算护理等级附加费医疗耗材费用临时服务费用采用策略模式实现费用计算规则public interface FeeCalculateStrategy { BigDecimal calculate(Resident resident, Date startDate, Date endDate); } Service public class BasicBedFeeStrategy implements FeeCalculateStrategy { Override public BigDecimal calculate(Resident resident, Date startDate, Date endDate) { // 计算基础床位费逻辑 } }4. 系统部署与运维4.1 后端部署方案采用Docker容器化部署docker-compose.yml配置如下version: 3 services: sunset-mysql: image: mysql:5.7 environment: MYSQL_ROOT_PASSWORD: sunset123 MYSQL_DATABASE: sunset_home ports: - 3306:3306 volumes: - ./mysql/data:/var/lib/mysql sunset-backend: build: ./backend ports: - 8080:8080 depends_on: - sunset-mysql4.2 前端部署优化通过nginx配置生产环境部署优化静态资源加载server { listen 80; server_name sunset.home; location / { root /usr/share/nginx/html; index index.html; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://sunset-backend:8080; proxy_set_header Host $host; } gzip on; gzip_types text/plain application/javascript application/x-javascript text/css; }4.3 系统监控方案SpringBoot Actuator暴露健康检查端点Prometheus Grafana监控JVM指标ELK日志收集系统5. 开发中的典型问题与解决方案5.1 MyBatis一对多查询性能优化老人信息关联护理记录时出现的N1查询问题通过以下方式解决resultMap idresidentWithCareRecords typeResident collection propertycareRecords ofTypeCareRecord selectselectCareRecordsByResidentId columnid/ /resultMap select idselectCareRecordsByResidentId resultTypeCareRecord SELECT * FROM care_record WHERE resident_id #{id} ORDER BY record_time DESC LIMIT 10 /select5.2 Vue组件数据更新问题当使用ElementUI表格嵌套表单时数据绑定失效的解决方案el-table :datatableData el-table-column propname label姓名/ el-table-column label操作 template #default{row} el-input v-modelrow.editValue changehandleEdit(row)/ /template /el-table-column /el-table script methods: { handleEdit(row) { this.$set(this.tableData, this.tableData.indexOf(row), { ...row }) } } /script5.3 SpringBoot事务管理在费用结算这种多表操作中必须正确使用事务Service RequiredArgsConstructor public class PaymentServiceImpl implements PaymentService { private final ResidentMapper residentMapper; private final PaymentRecordMapper paymentRecordMapper; Transactional(rollbackFor Exception.class) Override public void settleAccounts(SettleDTO settleDTO) { // 1. 更新老人账户余额 // 2. 创建缴费记录 // 3. 生成账单 } }6. 项目扩展方向移动端适配开发微信小程序版本方便家属查看老人情况智能设备对接接入智能手环监测老人健康数据数据分析模块使用ECharts实现入住率、护理质量等数据分析消息推送系统重要事件微信消息通知这套技术栈的优势在于SpringBoot提供了稳定的后端服务VueElementUI能快速迭代前端界面MySQL保证了数据可靠性。对于中小型养老机构完全可以使用这套方案替代昂贵的商业软件。