计算机毕设Node.js+Vue租房管理信息系统（程序+LW+部署）

项目运行

环境配置：

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-9所示：

图5-9报修处理管理界面

 

系统管理：在系统管理页面，可以查看轮播图管理等内容，进行详情、修改等操作，如图5-10所示：

 

图5-10轮播图管理界面

5.2 系统前台功能模块

租客登录到系统前台，可以对首页、房屋信息、通知公告、个人中心、后台管理等进行相应操作，如图5-11所示：

 

图5-11前台首页界面

租客注册，在注册页面填写租客账号、密码、确认密码、租客姓名、年龄、手机、身份证等详细信息进行注册，如图5-12所示。

 

图5-12租客注册界面图

租客登录，租客在登录页面通过填写账号、密码信息完成登录，如图5-13所示。

 

图5-13租客登录界面图

个人中心：在个人中心页面，租客可以对租客账号、密码、租客姓名、年龄、性别、手机、身份证、照片等信息进行更新，还能对我的收藏进行相应操作，如图5-14  5-15所示：

 

图5-14个人中心界面

 

图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租房意向管理界面图

租客报修管理，在租客报修管理页面查看标题、报修时间、租客账号、租客姓名、房东账号、房东姓名、审核回复、审核状态等内容进行详情、修改、删除等操作，如图5-22所示。

 

图5-22租客报修管理界面图

5.4 房东后台功能模块

点击后台管理，页面跳转到系统后台，房东可以对首页、个人中心、房屋信息管理、预约看房管理、租房意向管理、租客确认管理、房东确认管理、租客报修管理、报修处理管理进行相应操作，如图5-23所示：

图5-23房东后台管理界面

 

房屋信息管理，在房屋信息管理页面查看标题、房屋编号、地区、房屋类型、户型、地址、图片、面积、租金、发布日期、房东账号、房东姓名、联系电话、审核回复、审核状态等内容进行详情、修改、删除等操作，如图5-24所示。

 

图5-24房屋信息管理界面图

预约看房管理，在预约看房管理页面查看预约编号、房屋编号、房屋类型、地址、户型、租金、租期、总价、预约时间、备注、房东账号、房东姓名、联系电话、租客账号、租客姓名、手机、审核回复、审核状态、审核等内容进行详情、删除等操作，如图5-25所示。

 

图5-25预约看房管理界面图

租房意向管理，在租房意向管理页面查看标题、总价、发送时间、租客账号、租客姓名、房东账号、房东姓名、是否支付等内容进行详情、房东确认等操作，如图5-26所示。

 

图5-26租房意向管理界面图

报修处理管理，在报修处理管理页面查看标题、处理状态、处理时间、租客账号、租客姓名、房东账号、房东姓名等内容进行详情操作，如图5-27所示。

 

图5-27报修处理管理界面图

租客报修管理，在租客报修管理页面查看标题、报修时间、租客账号、租客姓名、房东账号、房东姓名、审核回复、审核状态、审核等内容进行详情、报修处理等操作，如图5-28所示。

 

图5-28租客报修管理界面图

Node.js毕设帮助，指导，源码获取，调试部署