项目运行
环境配置:
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-8所示。
图5-8社区公告管理界面图
5.2管理员功能模块
管理员进行登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录操作,如图5-9所示。
图5-9管理员登录界面图
管理员登录系统后,可以对首页、个人中心、住户管理、工作人员管理、住户信息管理、房屋租赁管理、公共设施管理、费用信息管理、社区公告管理等进行相应的操作管理,如图5-10所示。
图5-10管理员功能界图面
住户管理,在住户管理页面可以对账号、姓名、性别、邮箱、手机号码、房号、相片等内容,进行详情、修改和删除等操作,如图5-11所示。
图5-11住户管理界面图
工作人员管理,在工作人员管理页面可以对工号、员工姓名、性别、邮箱、手机号码、工作范围、相片等内容,进行详情、修改、删除等操作,如图5-12所示。
图5-12工作人员管理界面图
住户信息管理,在住户信息管理页面可以对房屋名称、房屋图片、房屋地址、账号、姓名、手机号码、房号、面积、朝向、工号、员工姓名等内容,进行详情、修改和删除等操作,如图5-13所示。
图5-13住户信息管理界面图
房屋租赁管理,在房屋租赁管理页面可以对房屋名称、房屋图片、房屋地址、账号、姓名、手机号码、房号、面积、朝向、租赁价格等内容,进行详情、修改和删除等操作,如图5-14所示。
图5-14房屋租赁管理界面图
公共设施管理,在公共设施管理页面可以对设施名称、设施图片、设施位置、设施状态等内容,进行详情、修改和删除等操作,如图5-15所示。
图5-15公共设施管理界面图
费用信息管理,在费用信息管理页面可以对费用名称、费用类型、费用金额、费用凭证、账号、姓名、房号、发送日期、工号、员工姓名、是否支付等内容,进行详情、修改和删除等操作,如图5-16所示。
图5-16费用信息管理界面图
社区公告管理,在社区公告管理页面可以对公告标题、公告封面、发布日期 等内容,进行详情、修改和删除等操作,如图5-17所示。
图5-17社区公告管理界面图
5.3工作人员功能模块
工作人员登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录操作,如图5-18所示。
图5-18工作人员登录界面图
工作人员登录进入网站可以对首页、个人中心、住户信息管理、房屋租赁管理、公共设施管理、费用信息管理、社区公告管理等进行相应操作,如图5-19所示。
图5-19工作人员功能界面图
个人中心,在个人中心页面填写工号、员工姓名、性别、邮箱、手机号码、工作范围、相片等信息修改,还可以进行修改密码操作,如图5-20所示。
图5-20个人中心界面图
住户信息管理,在住户信息管理页面查看房屋名称、房屋图片、房屋地址、账号、姓名、手机号码、房号、面积、朝向、工号、员工姓名等内容,并进行详情、费用、修改、删除等操作,如图5-21所示。
图5-21住户信息管理界面图