项目运行
环境配置：
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术：
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毕设帮助，指导，本源码(见文末)，调试部署
5.1管理员模块
管理员登陆系统后，可以查看首页，个人中心，租客管理，维修员管理，水电费管理，物品报修管理，报修订单管理，公告信息管理，社区活动管理，活动报名管理等功能，还能对每个功能逐一进行相应操作，如图5-1所示。
图5-1管理员功能界面图
维修员管理，在维修员管理页面可以对索引，维修账号，维修姓名，年龄，性别，联系电话，图片等内容进行详情，修改，删除操作，如图5-2所示。
图5-2维修员管理界面图
水电费管理，在水电费管理页面可以对索引，年月份，租客账号，租客姓名，楼房号，水费，电费，交费金额，是否支付等内容进行详情，修改和删除等操作，如图5-3所示。
图5-3水电费管理界面图
租客管理，在租客管理页面可以对索引，租客账号，租客姓名，年龄，性别，租客手机，身份证，图片，楼房号等内容进行详情，修改和删除等操作，如图5-4所示。
图5-4租客管理界面图
报修订单管理，在报修订单管理页面可以对索引，物品名称，租客上号，租客姓名，报修地点，租客手机，维修账号，维修姓名，联系电话，接取时间，完成时间等内容进行详情，修改，删除等操作，如图5-5所示。
图5-5报修订单管理界面图
社区活动管理，在社区活动管理页面可以对索引，活动名称，活动图片，报名条件，开始时间，结束时间，活动地点，举办方，联系电话等内容进行详情，修改，删除等操作，如图5-6所示。
图5-6社区活动管理界面图
公告信息管理，在公告信息管理页面可以对索引，标题，发布时间，发布人等内容进行详情，修改，删除操作，如图5-7所示。
图5-7公告信息管理界面图
5.2租客员模块
租客登陆系统，可以查看首页，个人中心，水电费管理，物品报修管理，公告信息管理，社区活动管理，活动报名管理等功能，还能对每个功能逐一进行相应操作，如图5-8所示。
图5-8租客功能界面图
个人中心，在个人信息页面通过填写租客账号，租客姓名，年龄，性别，租客手机，身份证，照片，楼房号等内容进行个人信息修改操作，如图5-9所示。
图5-9个人中心界面图
水电费管理，在水电费管理页面可以对索引，年月份，租客账号，租客姓名，楼房号，水费，电费，缴费金额，是否支付等内容进行详情操作，如图5-10所示。
图5-10水电费管理界面图
物品报修管理，在物品报修管理页面可以对索引，物品名称，租客账号，租客姓名，租客手机，报修地点，报修时间，报修状态等内容进行详情，修改，删除操作，如图5-11所示。
图5-11物品报修管理界面图
5.3维修员模块
维修员登陆系统，可以对首页,个人中心,物品报修管理，报修订单管理等功能进行详细操作，如图5-12所示。
图5-12维修员功能界面图
个人中心，在个人信息页面通过填写维修账号，维修姓名，年龄，性别，联系电话，照片等内容进行个人信息修改操作，如图5-13所示。
图5-13个人中心界面图
