该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
4.1功能结构
为了更好的去理清本系统整体思路,对该系统以结构图的形式表达出来,设计实现该疫情社区防控平台app的功能结构图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/f7e6c3f78297cea39365cb040ff8b261.png)
图4-1 系统总体结构图
4.2 数据库设计
4.2.1 数据库E/R图
ER图是由实体及其关系构成的图,通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图:
(1)居民管理E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/171f2805584061e3625ff9377a825505.png)
图4-2居民管理E/R图
(2)出入申请管理E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/eb6c6b3b6bb6d30c3215e12244f0426d.png)
图4-3出入申请管理E/R图
(3)采集员注册E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/5da50a19fde6510d570844ad27cb45e5.png)
图4-4采集员注册E/R图
5.1前台居民功能模块
居民注册,居民通过输入账号、密码、姓名、年龄、性别、手机、家庭住址等内容进行注册,如图5-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0486e6ce8cc87929f7d27b022079abfd.png)
图5-1居民注册界面图
居民通过登录进入系统可查看首页、疫情实时信息、我的等内容,在首页还可查看通知公告、疫情动态、问卷调查、物资信息等内容,如图5-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d7a597866c811c2e9973559c06683723.png)
图5-2居民功能界图面
通知公告,在通知公告页面可查看标题、发布时间、点击次数、简介等内容,还可进行收藏等操作,如图5-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/281f42be1746a20503e6414abf76873d.png)
图5-3通知公告界面图
物资信息,在物资信息页面可查看物资名称、物资编号、物资类型、数量、价格、上架日期、点击次数、赞、踩、物资介绍等内容,还可进行收藏等操作,如图5-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8616c0a7bbf834e3f9caa5eb8e64efa8.png)
图5-4物资信息界面图
我的,居民在我的页面可查看用户信息、居民打卡、行程轨迹、接种登记、居民举报、出入申请、物资申请、物资下发、物资发放、我的收藏管理等内容,如图5-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/df6a75cb8dca556f5789b5b7dd802602.png)
图5-5我的界面图
居民打卡,居民可通过输入账号、姓名、家庭住址、健康码、类型、体温、打卡时间、备注等内容进行提交等操作,如图5-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e39bb68d44d52a1b205e6d66d6b248b1.png)
图5-6居民打卡界面图
行程轨迹,居民可在行程轨迹页面通过输入账号、姓名、家庭住址、行程码、交通工具、所去城市、登记时间、备注等内容进行提交等操作,如图5-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0d902ff830d45dbe8dd76339574a3f0b.png)
图5-7行程轨迹界面图
接种登记,居民可通过输入接种单号、疫苗名称、账号、姓名、手机、家庭住址、照片、接种时间、下次接种、备注等内容进行提交等操作,如图5-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/49ae0d83504992ae96abb0741ca82e17.png)
图5-8接种登记界图面