计算机毕业设计 242的房屋租赁平台vue 毕设

第五章系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1TN4y1U781/

三、运行截图：

管理员、用户登录功能是系统中一个非常重要的功能模块。这个函数模块需要做的第一件事是设计系统的安全性。不能说任何打开登录界面的人都可以进入系统。我们想控制管理。用户的用户名和密码，只有拥有权限的用户才能通过这个登录界面进入系统管理界面，这是非常重要的。用户想要登录和使用系统首先进入登录用户名和登录密码，然后我们使用程序来检索，检索数据库中的用户名信息一致输入用户名、密码，如果输入用户名信息让用户登录时，如果它不存在，给一个提示,非法登陆，所以这个功能模块是非常重要的。

5.1用户功能模块

用户点击进入到系统操作界面，可以对首页、个人中心、房屋信息管理、房屋预订管理、租金结算管理、租赁合同管理、报障管理等功能模块，

房屋预订管理：通过列表可以获取房屋编号、房屋名称、房屋类型、相关图片、面积、小区、详细地址、每月租金、押金、预订日期、账号、姓名、审核回复、审核状态、审核并进行修改操作，如图5-1所示。

图5-1房屋预订管理界面图

房屋信息管理：通过列表可以获取房屋编号、房屋名称、房屋类型、相关图片、面积、小区、详细地址、每月租金、押金、房屋设施、发布日期等信息，进行详情操作，如图5-2所示。

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

租赁合同管理：通过列表可以获取合同编号、房屋名称、房屋类型、面积、小区、详细地址、每月租金、押金、租赁日期、签订时间、账号、姓名、手机、身份证、备注审核回复、审核状态、审核等信息，进行查看操作，如图5-3所示。

图5-3租赁合同管理界面图

报障管理：通过列表可以获取报障编号、房屋名称、小区、详细地址、故障原因、账号、姓名、报障日期、审核回复、审核状态等信息，进行详情操作，如图5-4所示。

图5-4报障管理界面图

5.2管理员功能模块

管理员通过用户名和密码、角色填写完成后进行登录，如图5-5所示。管理员登录成功后进入到系统操作界面，可以对首页、个人中心、用户管理、房东管理、系统管理等功能模块进行相对应操作。

用户管理：通过列表可以获取账号、姓名、性别、手机、身份证、照片等内容，可以进行修改或删除操作，如图5-6所示。

图5-5管理员登录页面

图5-6用户管理页面

房东管理：通过列表可以获取房东账号、房东姓名、性别、头像、手机号、身份证等信息，进行删除或修改操作，如图5-7所示。

图5-7房东管理界面图

新闻资讯：通过列表可以获取标题、简介、图片等信息，进行修改或删除操作，如图5-8所示。

图5-8新闻资讯界面图

5.3房东功能模块

房东点击进入到系统操作界面，可以对首页、个人中心、房屋信息管理、房屋类型管理、房屋预订管理、租金结算管理、租金交付管理、租赁合同管理、合同终止管理、报障管理、日程管理等功能模块，

房屋信息管理：通过列表可以获取房屋编号、房屋名称、房屋类型、相关图片、面积、小区、详细地址、每月租金、押金、房屋设施、发布日期并进行修改操作，如图5-9所示。

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

房屋预订管理：通过列表可以获取房屋编号、房屋名称、房屋类型、相关图片、面积、小区、详细地址、每月租金、押金、预订日期、账号、姓名、审核回复、审核状态、审核等信息，进行详情、修改、删除操作，如图5-10所示。

图5-10房屋预订管理界面图

租金交付管理：通过列表可以获取交付类型等信息，进行详情、修改、删除操作，如图5-11所示。

图5-11租金交付管理界面图

租赁合同管理：通过列表可以获取合同编号、房屋名称、房屋类型、面积、小区、详细地址、每月租金、押金、租赁日期、签订时间、账号、姓名、手机、身份证、备注审核回复、审核状态、审核等信息，进行详情操作，如图5-12所示。

图5-12租赁合同管理界面图

报障管理：通过列表可以获取报障编号、房屋名称、小区、详细地址、故障原因、账号、姓名、报障日期、审核回复、审核状态、审核等信息，进行详情、修改、删除操作，如图5-13所示。

图5-13报障管理界面图

5.4前台首页功能模块

房屋租赁平台，在系统首页可以查看首页、房屋信息、新闻资讯、个人中心、后台管理等内容，如图5-14所示。

图5-14前台首页功能界面图

用户注册，在注册页面可以填写账号、密码、姓名、手机、身份证等信息进行注册，如图5-15所示。

图5-15用户注册界面图

用户登录，在登录页面通过填写账号、密码等信息完成登录，如图5-16所示。在房屋信息页面通过查看房屋编号、房屋名称、房屋类型、相关图片、面积、小区、详细地址、每月租金、押金、房屋设施、发布日期等信息进行租用操作，如图5-17所示。

图5-16用户登录界面图

图5-17房屋信息界面图