一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

视频加载中...

三、运行截图：

系统实现这个章节的内容主要还是展示系统的功能界面设计效果，在实现系统基本功能，比如修改，比如添加，比如删除等管理功能的同时，也显示出系统各个功能的界面实现效果，该部分内容一方面与前面提到的系统分析，系统设计的内容相呼应，另一方面也是一个实际成果的展示。

3.1管理员后台功能实现

3.1.1 业主管理

此页面让管理员管理业主信息数据，管理员可以对业主信息进行添加，修改，删除，查询操作。

图3-1 业主信息管理页面

3.1.2 疫情分布管理

管理员可以对疫情分布信息进行添加，修改，删除查询操作，还可以对疫情分布进行统计。

图3-2 疫情分布管理页面

3.1.3 公告资讯

此页面显示公告资讯信息，公告资讯页面见下图。此页面主要让管理员对公告资讯进行查询，添加，修改，删除操作。

图3-3 公告资讯页面

3.1.4 举报信息

管理员可以对举报信息进行添加，修改，删除，查询操作。

图3-4 举报信息页面

3.2 微信小程序功能实现

3.2.1 首页

微信小程序输入正确的账号密码后就会默认进入首页显示界面。首页主要有轮播图，搜索框，以及下面的导航为主要组成部分。

图3-5 首页

3.2.2 疫情分布

业主可以查看以及查询疫情分布信息。

图3-6 疫情分布信息页面

3.2.3 消毒记录

用户可以在此页面查看和查询消毒记录信息。

图3-7 消毒记录页面

3.2.4 我的

我的里面主要是可以进行退出，点击小齿轮就可以选择退出当前账户，也可以点击代购物品，健康打卡，出入登录等关于个人行程的信息。

图3-8 我的页面