多彩编程 多彩编程MZPH · CODE BLOG
ARTICLE DETAIL

文章详情

深耕前端与后端开发技术的一线实战笔记与踩坑复盘。

基于springboot2+vue2社区智慧养老监护管理平台

基于springboot2+vue2社区智慧养老监护管理平台 1. 资源https://blog.xiaobias.com/article/362. 项目简介社区智慧养老监护管理平台旨在通过信息化手段对社区养老机构中的老人、房间、护工、后勤人员、体检员、物资申请、反馈留言等进行综合管理。系统支持多角色登录管理员、用户、体检员、后勤人员、护工并为不同角色配置了差异化的功能权限。管理员可以对字典数据、房间信息、入住记录、反馈信息、人员信息、公告、物资申请等进行全面管理普通用户家属或老人可以查看相关信息并提交物资申请和留言护工、后勤人员、体检员则拥有特定的查看与管理权限。平台基于前后端分离架构后端提供RESTful API接口前端采用Vue.js框架构建管理界面并集成了ECharts图表、文件上传、富文本编辑、Excel导出、打印等功能适用于社区养老机构的日常运营与监护管理场景。3. 技术栈层级技术/框架说明后端框架Spring Boot 2.2.2.RELEASE提供基础容器及自动配置持久层MyBatis-Plus 2.3简化数据库操作分页插件等安全控制Apache Shiro 1.3.2 Token身份认证与权限拦截数据库MySQL 5.7.32关系型数据库前端框架Vue.js 2.x Element UI构建后台管理界面构建工具Maven项目构建与依赖管理工具库Hutool、Fastjson、Commons-lang3简化Java开发可视化ECharts数据统计图表展示其他功能百度AI SDK、Poi、Print.js、vue-qr扩展能力如AI、导出、打印、二维码4. 详细介绍4.1 数据库设计表名中文说明主要字段users管理员表username, password, roleyonghu普通用户表用户名、姓名、手机、身份证、邮箱、性别laoren老人信息表老人名称、性别、年龄、身体状态、是否有疾病、详情fangjian房间信息表房间号、房间类型、床位剩余数量fangjianruzhu房间入住信息表房间id、老人idhugong护工表账户、姓名、手机、身份证、邮箱、性别houqinrenyuan后勤人员表账户、姓名、手机、身份证、邮箱、性别tijianyuan体检员表账户、姓名、手机、身份证、邮箱、性别wuzi物资申请表申请人用户、关联老人、物资名称、类型、数量、单位、发票fankui反馈信息表反馈标题、类型、详情liuyan留言表留言标题、内容、回复内容、时间news公告表标题、类型、图片、时间、内容dictionary字典表字段、编码、名称用于维护下拉选项tokenToken表用户id、用户名、表名、角色、token、过期时间config配置文件表系统级键值配置4.2 核心功能模块4.2.1 基础数据管理房间类型、反馈类型、老人身体状态、公告类型、物资类型等字典数据维护。4.2.2 人员管理用户管理、护工管理、后勤人员管理、体检员管理、管理员管理。4.2.3 老人与房间管理老人信息录入与展示。房间信息房号、类型、床位数量管理。老人入住房间的记录管理支持查看房间与老人的关联信息。4.2.4 物资申请管理用户可为关联老人申请物资填写物资名称、类型、数量、单位并上传发票图片。4.2.5 留言与反馈用户可提交留言管理员/后台人员可回复。用户可提交反馈信息反馈类型详情。4.2.6 公告管理后台发布公告标题、类型、图片、时间、内容前端可查看。4.2.7 统计分析通过CommonDao与图表支持字典分组统计、时间维度统计日期格式化。支持饼图、柱状图数据聚合求和/计数并可关联多表查询。4.3 角色权限角色主要菜单与权限管理员所有管理模块基础数据、房间、入住、反馈、各类人员、老人、留言、公告、物资、用户等具备增删改查。用户可查看房间、入住、老人、公告可管理自己的留言查看、新增、物资申请增删改查。体检员可查看房间、入住、反馈、老人、留言、公告、物资申请。后勤人员可查看房间、入住、反馈、老人、留言、公告、物资申请。护工可查看房间、入住、反馈、老人、留言、公告、物资申请。注除管理员外其余角色的权限以“查看”为主部分角色有留言和物资申请的新增/修改能力依据菜单配置menu.js。4.4 系统配置服务端口8080上下文路径/shehuizhihuiyanglaojianhu数据库连接MySQL默认用户名root密码123456基于application.yml静态资源映射classpath:/admin/、classpath:/front/等Token拦截除/static/**外所有路径需验证Token见InterceptorConfig文件上传限制最大1000MB5. 部分代码5.1 后端 - 物资申请查询多表联查!-- WuziDao.xml 部分代码 --selectidselectListViewresultTypecom.entity.view.WuziViewSELECT a.id, a.wuzi_name, a.wuzi_types, a.wuzi_number, laoren.laoren_name as laorenName, yonghu.yonghu_name as yonghuName FROM wuzi a left JOIN laoren ON a.laoren_id laoren.id left JOIN yonghu ON a.yonghu_id yonghu.idwhereiftestparams.wuziName ! null and params.wuziName ! and a.wuzi_name like CONCAT(%,#{params.wuziName},%)/if/where/select5.2 后端 - 通用统计柱状图/饼图!-- CommonDao.xml 部分代码 --selectidbarSumresultTypemapselectiftestthisTable ! null and thisTable.date ! nulldate_format(thisTableName.${item}, %Y-%m) as thisDate,/ifsum(thisTableName.${thisTable.sumColum}) as value from ${thisTable.tableName} thisTableName group by .../select5.3 后端 - 权限拦截配置// InterceptorConfig.javaConfigurationpublicclassInterceptorConfigextendsWebMvcConfigurationSupport{BeanpublicAuthorizationInterceptorgetAuthorizationInterceptor(){returnnewAuthorizationInterceptor();}OverridepublicvoidaddInterceptors(InterceptorRegistryregistry){registry.addInterceptor(getAuthorizationInterceptor()).addPathPatterns(/**).excludePathPatterns(/static/**);}}5.4 前端 - Vue Router 路由定义// router-static.js 部分代码constroutes[{path:/index,component:Index,children:[{path:/,component:Home},{path:/users,component:users},{path:/fangjian,component:fangjian},{path:/wuzi,component:wuzi}]}];5.5 前端 - 工具函数权限判断// utils.jsexportfunctionisAuth(tableName,key){letrolestorage.get(role);letmenusmenu.list();for(letmenuofmenus){if(menu.roleNamerole){// 遍历菜单匹配按钮权限returnbuttons.indexOf(key)!-1;}}returnfalse;}Use the tool for decodingaHR0cHM6Ly9ibG9nLnhpYW9iaWFzLmNvbS9hcnRpY2xlLzM25. 部分截图7. 项目总结该项目是一个功能较为完整的社区养老后台管理系统涵盖了养老机构运营中的核心业务模块包括老人档案管理、房间床位管理、入住登记、物资申请审批、留言反馈、公告发布以及多角色权限控制。技术实现上采用主流的Spring Boot MyBatis-Plus Shiro Vue Element UI技术栈代码结构清晰前后端分离。数据库设计较为规范使用了字典表维护常用选项并通过多表联查实现复杂信息展示。前端提供了丰富的UI组件和可视化图表ECharts支持文件上传、富文本编辑、Excel导出、打印等企业级功能。该项目可作为社区养老、智慧养老、机构内部管理等场景的参考实现.
返回列表