SpringBoot+Vue企业级老年服务平台开发实践

1. 项目概述：企业级老年一站式服务平台管理系统

这个基于SpringBoot+Vue+MyBatis+MySQL架构的企业级老年服务平台管理系统，是为养老机构、社区服务中心等场景量身定制的数字化解决方案。系统整合了老年人档案管理、健康监测、服务预约、活动管理、家属联动等核心功能模块，通过统一平台实现养老服务全流程数字化管理。

我在实际部署中发现，这套系统特别适合50-200床位的养老机构使用。后端采用SpringBoot 2.7.x版本构建，前端基于Vue 2.6+Element UI开发，数据库使用MySQL 8.0，整套技术栈在中小企业级应用中表现出良好的稳定性和扩展性。系统默认包含12个核心功能模块，从基础的老人信息录入到复杂的健康数据分析都提供了完整实现。

2. 技术架构解析

2.1 后端SpringBoot框架设计

系统后端采用经典的三层架构设计：

• Controller层：处理HTTP请求，参数校验
• Service层：业务逻辑实现
• DAO层：数据持久化操作

特别值得注意的是其异常处理机制的设计。系统自定义了BusinessException异常类，配合@ControllerAdvice全局异常处理器，实现了业务异常的统一捕获和标准化返回。这种设计在实际运维中可以大幅降低问题排查难度。

数据库连接池配置是另一个亮点：

yaml复制spring:
  datasource:
    url: jdbc:mysql://localhost:3306/elder_care?useSSL=false
    username: root
    password: 123456
    hikari:
      maximum-pool-size: 20
      minimum-idle: 5
      connection-timeout: 30000

这种配置在保证性能的同时，也避免了连接泄露风险。

2.2 前端Vue实现方案

前端工程采用Vue CLI 4.x脚手架搭建，主要技术特点包括：

• 基于Vuex的状态管理
• 路由懒加载优化
• Element UI组件库深度定制
• axios请求拦截器实现

一个典型的活动管理组件实现：

vue复制<template>
  <el-table :data="activities">
    <el-table-column prop="name" label="活动名称"></el-table-column>
    <el-table-column prop="date" label="活动日期"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      activities: []
    }
  },
  mounted() {
    this.fetchActivities()
  },
  methods: {
    async fetchActivities() {
      const res = await this.$http.get('/api/activities')
      this.activities = res.data
    }
  }
}
</script>

2.3 MyBatis数据持久层

系统采用MyBatis 3.5.x实现数据持久化，配置了两种SQL编写方式：

1. XML映射文件：用于复杂查询
2. 注解方式：用于简单CRUD

动态SQL是亮点之一：

xml复制<select id="selectElders" resultType="Elder">
  SELECT * FROM elder_info
  <where>
    <if test="name != null">
      AND name LIKE CONCAT('%',#{name},'%')
    </if>
    <if test="status != null">
      AND status = #{status}
    </if>
  </where>
  ORDER BY id DESC
</select>

3. 核心功能实现

3.1 老人健康档案管理

系统设计了完善的健康档案数据结构：

java复制@Entity
@Table(name = "health_record")
public class HealthRecord {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    
    private Long elderId;
    private Date recordDate;
    private BigDecimal temperature;
    private Integer bloodPressureHigh;
    private Integer bloodPressureLow;
    private Integer heartRate;
    private String remark;
    // getters & setters
}

健康数据趋势分析接口实现：

java复制@RestController
@RequestMapping("/api/health")
public class HealthController {
    
    @Autowired
    private HealthService healthService;
    
    @GetMapping("/trend/{elderId}")
    public Result getHealthTrend(
        @PathVariable Long elderId,
        @RequestParam(required = false) Date start,
        @RequestParam(required = false) Date end) {
        
        List<HealthRecord> records = healthService
            .getRecordsByPeriod(elderId, start, end);
        return Result.success(records);
    }
}

3.2 服务预约系统

预约业务状态机设计：

java复制public enum ServiceOrderStatus {
    PENDING("待确认"),
    CONFIRMED("已确认"),
    IN_PROGRESS("服务中"),
    COMPLETED("已完成"),
    CANCELLED("已取消");
    
    private String desc;
    // constructor & getter
}

预约冲突检测算法：

sql复制SELECT COUNT(*) FROM service_order 
WHERE staff_id = #{staffId}
AND service_time BETWEEN #{start} AND #{end}
AND status NOT IN ('CANCELLED', 'COMPLETED')

3.3 家属联动功能

采用WebSocket实现实时消息推送：

java复制@ServerEndpoint("/ws/notify/{token}")
@Component
public class NotifyEndpoint {
    
    private static final Map<String, Session> sessions = new ConcurrentHashMap<>();
    
    @OnOpen
    public void onOpen(Session session, @PathParam("token") String token) {
        sessions.put(token, session);
    }
    
    public static void sendMessage(String token, String message) {
        Session session = sessions.get(token);
        if(session != null) {
            session.getAsyncRemote().sendText(message);
        }
    }
}

4. 系统部署实践

4.1 数据库初始化

推荐使用以下MySQL配置：

ini复制[mysqld]
character-set-server=utf8mb4
collation-server=utf8mb4_unicode_ci
innodb_buffer_pool_size=1G
max_connections=200

初始化脚本关键部分：

sql复制CREATE TABLE `elder_info` (
  `id` bigint NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL,
  `gender` tinyint NOT NULL COMMENT '1-男 2-女',
  `birth_date` date NOT NULL,
  `id_card` varchar(18) NOT NULL,
  `contact_phone` varchar(20) NOT NULL,
  `address` varchar(200) DEFAULT NULL,
  `health_status` varchar(50) DEFAULT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `idx_id_card` (`id_card`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

4.2 后端服务部署

推荐的生产环境JVM参数：

code复制-server -Xms2g -Xmx2g -XX:+UseG1GC 
-XX:MaxGCPauseMillis=200 
-XX:+HeapDumpOnOutOfMemoryError

SpringBoot应用启动命令：

bash复制nohup java -jar elder-service.jar \
--spring.profiles.active=prod \
> service.log 2>&1 &

4.3 前端项目构建

优化构建配置（vue.config.js）：

javascript复制module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    optimization: {
      splitChunks: {
        chunks: 'all',
        minSize: 10000,
        maxSize: 250000
      }
    }
  }
}

构建命令：

bash复制npm run build -- --modern

5. 常见问题排查

5.1 性能优化经验

数据库查询优化案例：

java复制// 错误写法 - N+1查询问题
List<Elder> elders = elderMapper.selectAll();
elders.forEach(e -> {
    List<HealthRecord> records = healthMapper.selectByElderId(e.getId());
    e.setRecords(records);
});

// 正确写法 - 批量查询
List<Elder> elders = elderMapper.selectAll();
List<Long> elderIds = elders.stream().map(Elder::getId).collect(Collectors.toList());
Map<Long, List<HealthRecord>> recordMap = healthMapper
    .selectByElderIds(elderIds)
    .stream()
    .collect(Collectors.groupingBy(HealthRecord::getElderId));
    
elders.forEach(e -> e.setRecords(recordMap.get(e.getId())));

5.2 典型错误处理

日期格式问题解决方案：

java复制@Configuration
public class WebConfig implements WebMvcConfigurer {
    
    @Override
    public void addFormatters(FormatterRegistry registry) {
        DateTimeFormatterRegistrar registrar = new DateTimeFormatterRegistrar();
        registrar.setUseIsoFormat(true);
        registrar.registerFormatters(registry);
    }
}

5.3 安全防护措施

XSS防护配置：

java复制@Bean
public FilterRegistrationBean<XssFilter> xssFilter() {
    FilterRegistrationBean<XssFilter> registration = new FilterRegistrationBean<>();
    registration.setFilter(new XssFilter());
    registration.addUrlPatterns("/*");
    registration.setName("xssFilter");
    return registration;
}

SQL注入防护：

java复制@RestController
@RequestMapping("/api/elder")
public class ElderController {
    
    @GetMapping("/search")
    public Result searchElders(
        @RequestParam String keyword) {
        
        // 错误做法 - 直接拼接SQL
        // String sql = "SELECT * FROM elder WHERE name LIKE '%"+keyword+"%'";
        
        // 正确做法 - 使用预编译
        List<Elder> elders = elderMapper.searchByName("%"+keyword+"%");
        return Result.success(elders);
    }
}

6. 扩展开发建议

6.1 第三方服务集成

短信通知服务集成示例：

java复制@Service
public class SmsService {
    
    @Value("${sms.appid}")
    private String appId;
    
    @Value("${sms.appkey}")
    private String appKey;
    
    public boolean sendNotifySms(String phone, String content) {
        // 调用短信平台API
        Map<String, String> params = new HashMap<>();
        params.put("appid", appId);
        params.put("appkey", appKey);
        params.put("phone", phone);
        params.put("content", content);
        
        String result = HttpUtil.post("https://sms.api.com/send", params);
        return result.contains("success");
    }
}

6.2 数据可视化扩展

使用ECharts实现健康数据可视化：

javascript复制// 在Vue组件中
methods: {
  initChart() {
    const chart = this.$echarts.init(this.$refs.chart);
    chart.setOption({
      tooltip: {},
      xAxis: {
        type: 'category',
        data: this.dates
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: this.temperatures,
        type: 'line'
      }]
    });
  }
}

6.3 微服务化改造建议

逐步迁移到Spring Cloud的方案：

1. 首先将健康监测模块独立为服务
2. 添加Spring Cloud Gateway作为API网关
3. 引入Nacos作为服务注册中心
4. 使用Feign实现服务间调用

服务拆分示例：

java复制@FeignClient(name = "health-service")
public interface HealthServiceClient {
    
    @GetMapping("/records/{elderId}")
    List<HealthRecord> getRecords(@PathVariable Long elderId);
}