springboot+vue基本微信小程序的小区防疫监管系统

简介: 功能介绍该小程序分为6个模块,重在监测小区疫情居民的身体健康状况,要求居民每日健康打卡,在管理基本人员信息外增设了物资选购平台满足封闭期间居民的日常生活物资的补给,实现足不出户也能过好基本的生活,配合小区的管理,做好个人防护。

项目介绍
编写工具用idea 、Maven包,后端数据库是mysql,Java语言,springboot框架。其间,在健康打卡位置和物资选购要调用接口才可实现其功能。
1、研究对象:小区居民普通用户和小区管理员
管理员权限:管理员是整个系统的操作者,系统的各个模块都能进行信息的增删改查,也是封闭的小区与外界的桥梁,负责人员监管、疫情监管、物资选购及配送、通过窗口线上心理疏导及公共区域消毒。
1.png

开发说明:前端使用微信微信小程序开发工具;后端使用springboot+VUE开发
开发语言:Java
开发工具:IDEA /Eclipse/微信小程序开发工具
数据库:MYSQL5.7或以上
应用服务:Tomcat8或以上

功能介绍
该小程序分为6个模块,重在监测小区疫情居民的身体健康状况,要求居民每日健康打卡,在管理基本人员信息外增设了物资选购平台满足封闭期间居民的日常生活物资的补给,实现足不出户也能过好基本的生活,配合小区的管理,做好个人防护。
3.png
2.png
4.png

居民用户权限:
小区居民在授权进入小程序后,首先必须如实进行每日健康打卡;其次能在小程序首页直观的看到自己所在小区的疫情变化,小区新闻和发布的公告;再者能在物资选购入口下单自己所需物品;最后可在我的中心查看个人的信息和我的订单。
2.1、小区人员信息管理
经过小区管理员的号召和该小程序如何使用的培训后让居民进入小程序要注册个人基本信息,完成登录,进入首页,熟悉小程序内各个功能模块并学会使用小程序完成每日任务。

2.2 居民信息每日健康打卡
居民点开健康打卡要填写的信息有姓名、户号、打卡位置、体温、症状(无症状,发热、咳嗽、呼吸困难,乏力,感冒,是否新冠患者,是否疑似新冠患者,是否新冠患者的密接人,是否有途径中高风险地区)、紧急联系人姓名、紧急联系人电话、本人电话、备注。

2.3 健康数据上报:
居民每周一要将健康码,行程码和核酸检测结果保存图片并上传到指定位置,以便管理员进行查看和统计数据。

2.4 健康数据统计:
管理员根据该封闭小区内人员健康打卡数据和小区志愿者排查情况进行整理并统计生成可视化图标(饼图和折线图),每日更新便于居民在小程序上查看该小区的疫情情况。

2.5物资选购入口:
管理员通过对接小区外的超市将日常需求物资添加到购物车,当居民选购完成后,管理员通过订单信息将送到的物资放到指定点进行消毒后,由小区志愿者分门别类送到用户住处。小区防控既要看到“病”,也要看到“人”;既要管理,也要服务在织密织严织紧防控网的同时,党员干部和社区志愿者还为群众生产做好全方位的保障工作。小区作为居民生活的共同体,通过加强对小区秩序的维护、保障居民生活必需品供应,能够最大程度保证居民日常生活正常有序进行。只有充足的物资支持、有序的生产生活保障和全体居民的守望相助,确保生活、安全、人文关怀保障到位,才能够战胜疫情。
6.png
7.png

2.6小区窗口:
在这里居民能看到这个小区的新闻和公告,公告里可以积极号召一周内健康码持续是绿码的居民作为志愿者,给居民配送日常物资和配合医疗人员进行排查等。在小区窗口里有进入居民间的聊天群的入口,小区管理员要主动公开社区疫情防控信息,及时回应居民关切问题。对于有疑问、有顾虑、有侥幸心理的居民,小区工作者想方设法多做解疑释惑工作。对于重要问题与小区内相关单位积极沟通协商,通过多种方式,把小区居民动员起来,把小区内相关单位动员起来,快速形成了上下一心、众志成城、共克时艰的生动局面,建成了人人有责、人人尽责、人人享有的小区疫情防控共同体。小区居委会在防控中突出人性化,强化基本生活保障,切实帮助小区群众解决实际困难和问题,尽可能减少疫情防控对居民生活的影响。

相关文章
|
15天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
94 62
|
7天前
|
XML Java 数据库连接
SpringBoot集成Flowable:打造强大的工作流管理系统
在企业级应用开发中,工作流管理是一个核心组件,它能够帮助我们定义、执行和管理业务流程。Flowable是一个开源的工作流和业务流程管理(BPM)平台,它提供了强大的工作流引擎和建模工具。结合SpringBoot,我们可以快速构建一个高效、灵活的工作流管理系统。本文将探讨如何将Flowable集成到SpringBoot应用中,并展示其强大的功能。
27 1
|
13天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
31 2
|
12天前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
28 0
|
3天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
3天前
|
存储 缓存 JavaScript
在 Vue 中使用 computed 和 watch 时,性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题,并提供了优化建议,帮助开发者提高应用性能。
|
3天前
|
存储 缓存 JavaScript
如何在大型 Vue 应用中有效地管理计算属性和侦听器
在大型 Vue 应用中,合理管理计算属性和侦听器是优化性能和维护性的关键。本文介绍了如何通过模块化、状态管理和避免冗余计算等方法,有效提升应用的响应性和可维护性。
|
3天前
|
存储 缓存 JavaScript
Vue 中 computed 和 watch 的差异
Vue 中的 `computed` 和 `watch` 都用于处理数据变化,但使用场景不同。`computed` 用于计算属性,依赖于其他数据自动更新;`watch` 用于监听数据变化,执行异步或复杂操作。
|
2天前
|
JavaScript 前端开发 UED
vue学习第二章
欢迎来到我的博客!我是一名自学了2年半前端的大一学生,熟悉JavaScript与Vue,目前正在向全栈方向发展。如果你从我的博客中有所收获,欢迎关注我,我将持续更新更多优质文章。你的支持是我最大的动力!🎉🎉🎉
|
4天前
|
存储 JavaScript 开发者
Vue 组件间通信的最佳实践
本文总结了 Vue.js 中组件间通信的多种方法,包括 props、事件、Vuex 状态管理等,帮助开发者选择最适合项目需求的通信方式,提高开发效率和代码可维护性。