该系统是博主的大四毕业设计的最后成品,基本实现了一个社区综合治理管理系统的基本功能,能实现社区工作人员对社区的高效管理与治理。所有系统用户均能共享系统数据,并且能对网格员完成任务的质量进行有效的监管。

该社区管理系统分前端和后端两个部分进行实现,实现了前后端分离。该项目已经放到了github上,需要的可以自行拉取。

前端代码github地址:https://github.com/saberla/communityManage
后端代码github地址:https://github.com/saberla/communityServer

技术栈

前端技术栈

vue-cli3 + vue2 + vuex + vue-router + element-ui + ES6 + echarts

后端技术栈

nodejs + express + mongodb

 
 
 

系统运行流程

系统初始有两个最高管理员:一个系统管理员,一个网格最高管理员

  1. 系统管理员新增一个系统用户并为其赋予网格员的权限
  2. 系统管理员将所有网格员用户的信息存入网格员字典中,方便在系统其它位置进行使用
  3. 网格最高管理员登录并在社区综治管理中新建网格区域,为每个网格区域指定网格员负责该网格区
  4. 网格最高管理员新增各网格区域的任务并分派给各个网格员用户
  5. 网格员用户登录系统,可在网格门户看见自己的任务并在综治管理中进行处理
  6. 网格员用户可在小区治理页面对自己网格区内的小区、房屋、车辆、人员信息进行建档与治理
  7. 当网格员用户完成网格最高管理员分配给自己的任务后,可在综治管理的任务管理中将自己对应的任务申报完成,等待网格最高管理员的审核。
  8. 网格最高管理员登录后如有未审核的任务,可在实际考察该网格员完成任务情况后在综治管理页面对该网格员申报完成的任务进行审核。
  9. 人员审核界面会自动将网格员的工作情况进行排名,排名标准为任务管理中网格员用户对应的已审核任务的质量和数量,支持排名导出

 
 
 

系统模块截图

网格门户

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

查询门户

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

领导大屏

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

小区治理

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

综治管理

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

系统管理

基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统
基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统
基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统

在老师小伙伴的帮助下,博主最终完成了该毕设社区管理治理系统。在此过程中,博主第一次自行完成了后台代码的编写。熟悉了nodejs+express以及mongoDB数据库的使用,第一次自己实现了全部前端和后端的代码,虽然途中困难重重,但最终还是把它写了出来,成就感满满的,在此暂做记录,以后继续加油!!!

关于该系统细节有什么不懂的可联系博主解决

相关文章: