Vue+Spring Boot养老院管理系统开发实践

1. 养老院管理系统技术架构解析

作为一个完整的前后端分离项目，这套养老院管理系统采用了当前主流的技术栈组合。前端基于Vue.js+Element UI，后端采用Spring Boot+MyBatis Plus，这种组合在中小型Web应用中非常常见，既有足够的开发效率，又能保证系统性能。

技术选型背后的考量：Vue.js的渐进式特性特别适合这类需要快速迭代的管理系统开发，而Spring Boot的自动配置机制可以大幅减少后端服务的搭建时间。这种组合让开发者能把更多精力放在业务逻辑实现而非框架配置上。

1.1 前端技术栈详解

Vue 3.x版本提供了更好的TypeScript支持和性能优化，配合Element Plus组件库可以快速搭建专业的管理界面。在实际开发中，我特别推荐使用以下配置：

• Vue Router：处理前端路由，实现页面无刷新跳转
• Axios：封装HTTP请求，统一处理接口调用
• Vuex/Pinia：状态管理，共享全局数据
• ECharts：用于数据可视化展示

javascript复制// 典型的前端API调用封装示例
const api = axios.create({
  baseURL: process.env.VUE_APP_API_BASE,
  timeout: 10000
})

// 请求拦截器
api.interceptors.request.use(config => {
  const token = localStorage.getItem('token')
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
})

// 响应拦截器
api.interceptors.response.use(
  response => response.data,
  error => {
    if (error.response.status === 401) {
      router.push('/login')
    }
    return Promise.reject(error)
  }
)

1.2 后端技术栈设计

Spring Boot 2.7.x + MyBatis Plus的组合提供了极佳的开发体验。特别值得一提的是，MyBatis Plus的代码生成器可以自动生成实体类、Mapper接口和Service层基础代码，大幅提升开发效率。

java复制// MyBatis Plus配置示例
@Configuration
@MapperScan("com.nursinghome.mapper")
public class MybatisPlusConfig {
    
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor() {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        // 分页插件
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
        // 乐观锁插件
        interceptor.addInnerInterceptor(new OptimisticLockerInnerInterceptor());
        return interceptor;
    }
}

2. 核心功能模块实现

2.1 老人信息管理模块

这个模块是系统的核心，需要处理老人基本信息、健康档案、护理记录等数据的CRUD操作。在设计数据库时，我采用了以下表结构：

• 老人基础表(elderly_info)
• 健康档案表(health_record)
• 护理记录表(care_record)
• 家属联系人表(family_contact)

java复制// 老人信息分页查询实现
@GetMapping("/elderly/list")
public R<Page<ElderlyVO>> listElderly(
    @RequestParam(required = false) String name,
    @RequestParam(required = false) Integer roomNumber,
    @RequestParam(defaultValue = "1") Integer pageNum,
    @RequestParam(defaultValue = "10") Integer pageSize) {
    
    LambdaQueryWrapper<Elderly> wrapper = new LambdaQueryWrapper<>();
    wrapper.like(StringUtils.isNotBlank(name), Elderly::getName, name)
           .eq(roomNumber != null, Elderly::getRoomNumber, roomNumber);
    
    Page<Elderly> page = elderlyService.page(new Page<>(pageNum, pageSize), wrapper);
    return R.success(page.convert(elderly -> convertToVO(elderly)));
}

2.2 健康监测模块实现

这个模块需要对接各类IoT设备，实时采集老人的生命体征数据。我设计了一个通用的数据接收接口，可以处理不同厂商设备的推送数据。

java复制// 健康数据接收接口
@PostMapping("/health/data")
public R<String> receiveHealthData(@RequestBody HealthDataDTO dto) {
    // 数据校验
    if (dto.getElderlyId() == null || dto.getDeviceId() == null) {
        return R.fail("参数不完整");
    }
    
    // 保存到数据库
    HealthRecord record = new HealthRecord();
    BeanUtils.copyProperties(dto, record);
    record.setRecordTime(LocalDateTime.now());
    healthRecordService.save(record);
    
    // 触发预警检查
    healthAlertService.checkAlert(record);
    
    return R.success("数据接收成功");
}

3. 系统安全与性能优化

3.1 JWT认证实现

系统采用JWT进行身份认证，避免了传统的Session存储方式。我在Spring Security的基础上进行了定制，实现了基于角色的访问控制。

java复制// JWT认证过滤器
public class JwtAuthenticationFilter extends OncePerRequestFilter {
    
    @Override
    protected void doFilterInternal(HttpServletRequest request, 
                                    HttpServletResponse response, 
                                    FilterChain filterChain) throws ServletException, IOException {
        String token = getTokenFromRequest(request);
        
        if (StringUtils.hasText(token) && jwtTokenProvider.validateToken(token)) {
            Authentication authentication = jwtTokenProvider.getAuthentication(token);
            SecurityContextHolder.getContext().setAuthentication(authentication);
        }
        
        filterChain.doFilter(request, response);
    }
    
    private String getTokenFromRequest(HttpServletRequest request) {
        String bearerToken = request.getHeader("Authorization");
        if (StringUtils.hasText(bearerToken) && bearerToken.startsWith("Bearer ")) {
            return bearerToken.substring(7);
        }
        return null;
    }
}

3.2 Redis缓存优化

对于高频访问但更新不频繁的数据，如老人基本信息、房间床位信息等，我使用Redis进行缓存，显著降低了数据库压力。

java复制// 带缓存的老人信息查询
public ElderlyVO getElderlyWithCache(Long id) {
    String cacheKey = "elderly:" + id;
    String json = redisTemplate.opsForValue().get(cacheKey);
    
    if (StringUtils.isNotBlank(json)) {
        return JSON.parseObject(json, ElderlyVO.class);
    }
    
    Elderly elderly = getById(id);
    if (elderly == null) {
        return null;
    }
    
    ElderlyVO vo = convertToVO(elderly);
    redisTemplate.opsForValue().set(cacheKey, JSON.toJSONString(vo), 30, TimeUnit.MINUTES);
    return vo;
}

4. 项目开发经验与避坑指南

4.1 前后端联调常见问题

在实际开发中，前后端分离项目最容易出现的就是接口联调问题。我总结了几个常见坑点：

1. 跨域问题：虽然开发环境可以通过代理解决，但生产环境一定要正确配置CORS
2. 时间格式：前端传日期时建议使用ISO8601格式，后端统一处理时区问题
3. 文件上传：注意设置合适的请求头，后端要校验文件类型和大小

javascript复制// 前端文件上传示例
const uploadFile = (file) => {
  const formData = new FormData()
  formData.append('file', file)
  return api.post('/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
}

4.2 数据库设计建议

养老院管理系统的数据关系相对复杂，在设计数据库时我建议：

1. 老人和床位的关系要处理好，考虑历史记录
2. 护理记录表要设计合理的索引，提高查询效率
3. 健康数据表要考虑分区，避免单表过大

sql复制-- 护理记录表设计示例
CREATE TABLE `care_record` (
  `id` bigint NOT NULL AUTO_INCREMENT,
  `elderly_id` bigint NOT NULL COMMENT '老人ID',
  `staff_id` bigint NOT NULL COMMENT '护理员ID',
  `care_type` varchar(20) NOT NULL COMMENT '护理类型',
  `content` text COMMENT '护理内容',
  `start_time` datetime NOT NULL COMMENT '开始时间',
  `end_time` datetime DEFAULT NULL COMMENT '结束时间',
  `status` tinyint DEFAULT '0' COMMENT '状态',
  PRIMARY KEY (`id`),
  KEY `idx_elderly` (`elderly_id`),
  KEY `idx_staff` (`staff_id`),
  KEY `idx_time` (`start_time`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='护理记录表';

5. 系统部署与运维

5.1 生产环境部署方案

对于中小型养老院，我推荐以下部署方案：

• 前端：Nginx静态部署，开启gzip压缩
• 后端：Docker容器化部署，配合Nginx反向代理
• 数据库：MySQL主从配置，保证数据安全
• 缓存：Redis哨兵模式，避免单点故障

bash复制# 典型的后端Dockerfile
FROM openjdk:11-jre
WORKDIR /app
COPY target/nursing-home.jar app.jar
EXPOSE 8080
ENTRYPOINT ["java","-jar","app.jar"]

5.2 监控与日志处理

系统上线后，完善的监控体系必不可少：

1. Spring Boot Actuator：提供健康检查、指标监控
2. Prometheus + Grafana：可视化监控系统运行状态
3. ELK：集中管理日志，方便问题排查

yaml复制# application.yml中的监控配置
management:
  endpoints:
    web:
      exposure:
        include: health,info,metrics,prometheus
  endpoint:
    health:
      show-details: always
    prometheus:
      enabled: true

在开发这个养老院管理系统的过程中，我发现最大的挑战不是技术实现，而是如何将养老院的实际业务流程准确地转化为系统功能。为此，我花了大量时间实地调研，与护理人员深入交流，这让我深刻体会到：好的系统不是技术的堆砌，而是对业务需求的精准把握和人性化设计。