后端：SpringBoot 前端：Vue.js 数据库：MySQL 8.0 社区养老服务老人帮扶系统 社区养老服务springboot老人帮扶系统vue前后分离Java源码mysql

智慧-社区养老服务springboot老人帮扶系统vue前后分离Java源码mysql

本项目是一个基于Spring Boot和Vue.js的社区养老服务管理系统，旨在提升社区养老服务的质量与效率。系统从前端到后端全栈开发，前端采用Vue.js构建直观易用的用户界面，后端使用Spring Boot搭建稳定高效的服务端逻辑。主要功能包括首页的数据概览，如用户数量、医护人员及社区工作者的数量统计，以及服务订单和活动报名的情况；社区活动和服务管理，支持活动创建、编辑及服务订单处理；健康管理模块用于维护老人的健康档案；系统管理则涵盖了用户、工作人员和医护人员的信息维护。该系统能够有效协助社区管理人员进行资源整合与服务优化。

登录网址: http://localhost:8081/
管理员账户密码: admin/111111
社区工作者账户密码: ouwen/222222
社区医护人员账户密码: liuxing/333333
普通用户账户密码: kangkai/444444

项目功能
（1）首页
用户数量：展示注册用户的总数，可以区分不同类型的用户如普通居民、医护人员等。
医护人员数量：显示当前登记在册的医护人员数量。
社区工作者数量：列出负责社区日常运营的工作人员数目。
服务订单评分统计：提供服务订单的整体满意度分析，包括平均评分、好评率等。
各类活动报名人次统计：记录每项活动的参与人数，便于了解活动受欢迎程度。
最受欢迎活动排名：根据报名人数或反馈情况，列出最受欢迎的活动列表。
（2）社区活动管理
活动管理：包括创建新活动、编辑已有活动信息、删除不再举办的活动等功能。
活动类型管理：定义不同的活动类别，如健康讲座、兴趣小组、外出游玩等，并对其进行管理和维护。
（3）社区服务管理
服务分类：设定不同类型的服务类别，如家政服务、医疗咨询、心理辅导等。
订单管理：处理服务请求，包括接单、派单、完成确认以及评价等功能。
（4）健康管理
健康档案：存储老年人的基本健康信息，便于医护人员查看和更新。
订单管理：针对健康管理相关的服务请求进行管理，确保服务及时准确地完成。
（5）系统管理
用户管理：注册、登录、权限分配等功能，确保只有授权人员可以访问特定资源。
工作人员管理：包括社区工作者和医护人员的信息管理。
医护人员管理：登记新的医护人员、修改信息或移除不再合作的人员。

运行环境开发工具:idea2024.1

运行环境:jdk1.8+maven3.8.6+MySQL8.0+node18.20.2.(此配置为本人调试所用，仅供参考)

项目技术
服务端技术:Springboot
前端技术:Vue

一、项目整体信息表

二、核心功能模块明细表

三、核心代码示例

1. 后端 SpringBoot 启动类

importorg.mybatis.spring.annotation.MapperScan;importorg.springframework.boot.SpringApplication;importorg.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication@MapperScan("com.community.elderly.mapper")// 扫描Mapper接口publicclassElderlyApplication{publicstaticvoidmain(String[]args){SpringApplication.run(ElderlyApplication.class,args);}}

2. 后端 全局统一返回结果工具类

publicclassResult{privateIntegercode;// 响应码 200成功 500失败privateStringmsg;// 提示信息privateObjectdata;// 返回数据// 成功响应publicstaticResultsuccess(Objectdata){Resultr=newResult();r.setCode(200);r.setMsg("操作成功");r.setData(data);returnr;}// 失败响应publicstaticResulterror(Stringmsg){Resultr=newResult();r.setCode(500);r.setMsg(msg);returnr;}// getter & setterpublicIntegergetCode(){returncode;}publicvoidsetCode(Integercode){this.code=code;}publicStringgetMsg(){returnmsg;}publicvoidsetMsg(Stringmsg){this.msg=msg;}publicObjectgetData(){returndata;}publicvoidsetData(Objectdata){this.data=data;}}

3. 后端 老人健康档案 Controller 接口

importcom.community.elderly.entity.HealthRecord;importcom.community.elderly.service.HealthRecordService;importorg.springframework.web.bind.annotation.*;importjavax.annotation.Resource;importjava.util.List;@RestController@RequestMapping("/health")publicclassHealthRecordController{@ResourceprivateHealthRecordServicehealthRecordService;// 查询所有老人健康档案@GetMapping("/list")publicResultgetRecordList(){List<HealthRecord>list=healthRecordService.list();returnResult.success(list);}// 新增健康档案@PostMapping("/add")publicResultaddRecord(@RequestBodyHealthRecordrecord){booleansave=healthRecordService.save(record);returnsave?Result.success(null):Result.error("新增档案失败");}// 修改健康档案@PutMapping("/update")publicResultupdateRecord(@RequestBodyHealthRecordrecord){booleanupdate=healthRecordService.updateById(record);returnupdate?Result.success(null):Result.error("修改档案失败");}// 删除健康档案@DeleteMapping("/delete/{id}")publicResultdeleteRecord(@PathVariableIntegerid){booleanremove=healthRecordService.removeById(id);returnremove?Result.success(null):Result.error("删除档案失败");}}

4. 前端 Vue 页面接口请求（Axios 封装）

// src/utils/request.jsimportaxiosfrom'axios'constservice=axios.create({baseURL:'http://localhost:8081',// 后端接口地址timeout:5000})// 请求拦截器service.interceptors.request.use(config=>{// 可添加tokenreturnconfig},error=>{returnPromise.reject(error)})// 响应拦截器service.interceptors.response.use(res=>{returnres.data},error=>{returnPromise.reject(error)})exportdefaultservice

5. 前端 健康档案页面查询功能示例

<template> <div class="health-page"> <el-table :data="recordList" border stripe> <el-table-column prop="elderName" label="老人姓名" /> <el-table-column prop="age" label="年龄" /> <el-table-column prop="disease" label="既往病史" /> <el-table-column prop="bloodPressure" label="血压" /> <el-table-column label="操作"> <template #default="scope"> <el-button type="primary" size="small" @click="editRecord(scope.row)">编辑</el-button> <el-button type="danger" size="small" @click="delRecord(scope.row.id)">删除</el-button> </template> </el-table-column> </el-table> </div> </template> <script setup> import { ref, onMounted } from 'vue' import request from '@/utils/request' const recordList = ref([]) // 查询健康档案列表 const getRecordList = async () => { let res = await request.get('/health/list') if(res.code === 200){ recordList.value = res.data } } // 页面加载触发查询 onMounted(() => { getRecordList() }) </script>

四、部署简要说明

1. 后端：使用 IDEA 导入 Maven 项目，配置 JDK1.8，执行maven clean install，导入 MySQL 数据库脚本并修改application.yml数据库连接配置，运行启动类；
2. 前端：进入前端文件夹，执行npm install安装依赖，再执行npm run dev启动项目；
3. 浏览器访问http://localhost:8081/，使用对应角色账号密码登录即可。

五、标签（适配发布/归类）

#SpringBoot#Vue#Java毕设#社区养老系统#老人帮扶#前后端分离#管理系统源码