基于 SpringBoot 的在线房屋租赁管理系统设计与实现

图 4-1 系统登录结构图

管理员模块属于是网站的后台，进入之后有大量的管理员功能，管理员也可以使用用户、房东模块的功能，为了维护网站的稳定与页面的布局，将管理员模块的功能详细化后可以使用系统管理对页面进行布局修改，可以发布公告提示用户、房东规范，用户模块只可以对房源信息、租房论坛、租赁公告、个人中心等进行查询等，并且更改个人信息，房屋租赁系统总体结构图如图 4-2 所示。

图 4-2 房屋租赁系统总体结构图

4.2 开发流程设计

系统的开发流程设计简单的介绍了开发过程，先对任务书进行分析，根据要实现的功能对各个模块进行开发，之后再对模块一一进行测试，测试成功后将模块整合再测试整体功能，完善整体结构。开发系统流程图如图 4-3 所示。

图 4-3 开发系统流程图

4.3 数据库设计原则

数据库设计之后，根据数据库关系，可以更加清晰地了解到数据库结构，每一个数据表之间的关系，再创建数据表。快速更改和查询对应的信息，有了数据库就不用在程序和代码中寻找。

分析房屋租赁系统的数据结构后，在 E-R 图中分析管理员登录时的模式，需要输入用户名与密码，角色，合同信息 E-R 如图 4-4 所示。

图 4-4 合同信息 E-R 图

用户信息 E-R 图如图 4-5 所示。

图 4-5 用户信息 E-R 图

房东信息 E-R 图如图 4-6 所示。

图 4-6 房东信息 E-R 图

租赁订单 E-R 图如图 4-7 所示。

图 4-7 租赁订单 E-R 图

租赁预约 E-R 图如图 4-8 所示。

图 4-8 租赁预约 E-R 图

5、房屋租赁系统总体 E-R 图，如图 4-9 所示。

如图 4-9 房屋租赁系统总体 E-R 图

系统实现

本章讲述的是系统对各个模块功能实现的效果图，对管理员功能和用户、房东功能分别进行了展示，页面布局清晰，操作简单快捷，基本实现了用户、房东和管理员对系统的需求。

5.1 前台用户功能实现

当用户打开系统的网址后，首先看到的就是首页界面。在这里，用户能够看到房屋租赁系统的导航条显示首页、房源信息、租房论坛、租赁公告、个人中心等。系统首页界面如图 5-1 所示：

图 5-1 系统首页界面

当用户进入前台系统进行相关操作前必须先注册登录，在注册页面填写账号、姓名、性别、手机、邮箱、身份证、头像 等信息，前端将这些信息通过 HTTP 请求发送到 Java 后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入 MySQL 数据库。完成后，后端向前端发送注册成功的确，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储用户注册界面如图 5-2 所示：

图 5-2 用户注册界面

用户登录，用户在登录页面通过填写账号、密码，完成登录，在登录流程中，用户首先在 Vue 前端界面输入用户名和密码。这些信息通过 HTTP 请求发送到 Java 后端。后端接收请求，通过与 MySQL 数据库交互验证用户凭证。如果认证成功，后端生成一个令牌（如 JWT）并返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图 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 管理员主界面

用户信息功能在视图层（view 层) 进行交互，比如点击'添加'按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层 (controller 层)。控制器接收到这些请求后，调用服务层 (service 层) 以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO 层) 交互，后者负责具体的数据操作如搜索、添加、更新或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入姓名、性别进行搜索，可以查看到用户信息详细信息，并根据需要进行修改或者删除等操作，如图 5-10 所示：

图 5-10 用户界面

房源信息功能在视图层（view 层) 进行交互，比如点击'添加'按钮或填写房源信息表单。这些房源信息动作被视图层捕获并作为请求发送给相应的控制器层 (controller 层)。控制器接收到这些请求后，调用服务层 (service 层) 以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO 层) 交互，后者负责具体的数据操作如搜索、添加、更新或删除房源信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便房源信息功能可以看到最新的信息或相应的操作反馈。在房源信息页面的输入栏中输入区域、月租金、房源状态等进行搜索，可以查看到房源信息详细信息，并根据需要进行修改或者删除等操作；如图 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 合同信息界面