基于springboot+vue实现的大学生在线租房平台 (源码+L文+ppt)4-081
4系统设计
4.1 软件功能模块设计
大学生在线租房平台分为三个模块,分别是管理员功能模块和房东、租户功能模块。主要功能模块包括:首页、房东、租户、房源类型、房源信息、预约信息、租赁合同、系统管理、用户资料等,系统总体功能如下图所示[12]。

图4-1大学生在线租房平台总体功能模块图
4.2 数据库设计
4.2.1 概念模型设计
概念模型是对现实中的问题出现的事物的进行描述,ER图是由实体及其关系构成的图,通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
房东信息包括:房东账号、房东姓名、性别、头像、身份证号、房东手机。
房东信息E-R图如图4-2所示。

图4-2房东信息E-R图
租户信息包括:租户账号、租户姓名、性别、头像、手机、身份证。
租户信息E-R图如图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图
4.2.2 数据表 (共17张表)
学习程序设计,如果要了解数据库管理系统或者是根据需求而制定的系统接口,就必须创建一种数据库管理系统的模式,用来保存数据资料,这样当在应用编程过程中时候,就不需要再向操作系统页面上加载信息,进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据,应该说是一个管理信息系统建设的中心和基础,而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能,使管理信息系统建设能够迅速地查询所需要的数据,而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并,排序和组成信息库管理系统。
本系统采用的是MySQL数据库存储数据,系统中使用到的主要数据表的具体展示部分如下所示。
表4-1:租赁合同
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| fangyuanbiaoti | varchar | 200 | 房源标题 |
|
|
| xiaoqumingcheng | varchar | 200 | 小区名称 |
|
|
| chengshi | varchar | 200 | 城市 |
|
|
| jianjietupian | longtext | 4294967295 | 简介图片 |
|
|
| xiaoqudizhi | varchar | 200 | 小区地址 |
|
|
| fangyuanleixing | varchar | 200 | 房源类型 |
|
|
| fangwumianji | varchar | 200 | 房屋面积 |
|
|
| fangwuchaoxiang | varchar | 200 | 房屋朝向 |
|
|
| fanghao | varchar | 200 | 房号 |
|
|
| zufangjiage | double |
| 租房价格 |
|
|
| zulinshizhang | int |
| 租赁时长 |
|
|
| zongzujin | double |
| 总租金 |
|
|
| fangdongzhanghao | varchar | 200 | 房东账号 |
|
|
| fangdongxingming | varchar | 200 | 房东姓名 |
|
|
| fangdongshouji | varchar | 200 | 房东手机 |
|
|
| zuhuzhanghao | varchar | 200 | 租户账号 |
|
|
| zuhuxingming | varchar | 200 | 租户姓名 |
|
|
| shouji | varchar | 200 | 手机 |
|
|
| zulinshijian | datetime |
| 租赁时间 |
|
|
| zulinxieyi | longtext | 4294967295 | 租赁协议 |
|
|
| ispay | varchar | 200 | 是否支付 |
| 未支付 |
| discussnum | int |
| 评论数 |
| 0 |
表4-2:租赁合同评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| refid | bigint |
| 关联表id |
|
|
| userid | bigint |
| 用户id |
|
|
| avatarurl | longtext | 4294967295 | 头像 |
|
|
| nickname | varchar | 200 | 用户名 |
|
|
| content | longtext | 4294967295 | 评论内容 |
|
|
| score | double |
| 评分 |
|
|
| reply | longtext | 4294967295 | 回复内容 |
|
|
此处省略15张表。。
表4-17:房东
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| fangdongzhanghao | varchar | 200 | 房东账号 |
|
|
| fangdongxingming | varchar | 200 | 房东姓名 |
|
|
| mima | varchar | 200 | 密码 |
|
|
| xingbie | varchar | 200 | 性别 |
|
|
| touxiang | longtext | 4294967295 | 头像 |
|
|
| shenfenzhenghao | varchar | 200 | 身份证号 |
|
|
| fangdongshouji | varchar | 200 | 房东手机 |
|
|
5 系统功能实现
5.1前台房东功能模块
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到大学生在线租房平台的导航条显示系统首页、房东、房源信息、系统公告、个人中心。系统首页界面如图5-1所示:

图5-1 系统首页界面
在注册流程中,房东在Vue前端填写必要信息(如用户名、密码等)并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新房东数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知房东完成注册。这个过程实现了新房东的数据收集、验证和存储。如图5-2所示:

图5-2房东注册界面图
在登录流程中,房东首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证房东凭证。如果认证成功,后端会返回给前端,允许房东访问系统。这个过程涵盖了从房东输入到系统验证和响应的全过程。如图5-3所示:

图5-3 房东登录界面
在个人中心页面可以输入个人详细信息,进行信息更新,还可以对修改密码、聊天记录、房源信息、预约信息、租赁合同、我的收藏等进行详情操作;如图5-4所示:

图5-4个人中心界面
5.2前台租户模块
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到大学生在线租房平台的导航条显示系统首页、房东、房源信息、系统公告、个人中心。系统首页界面如图5-5所示:

图5-5 系统首页界面
在注册流程中,租户在Vue前端填写必要信息(如用户名、密码等)并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新租户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知租户完成注册。这个过程实现了新租户的数据收集、验证和存储。如图5-6所示:

图5-6租户注册界面图
在登录流程中,租户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端会返回给前端,允许租户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-7所示:

图5-7租户登录界面
租户点击房东,在房东页面的搜索栏输入房东账号等信息,进行查询,然后还可以查看房东账号、房东姓名、性别、头像、身份证号、房东手机等信息,还可以点击进行私聊等操作;如图5-8所示:

图5-8房东页面
租户点击房源信息,在房源信息页面的搜索栏输入小区名称等信息,进行查询,然后还可以查看房源标题、小区名称、城市、简介图片、小区地址、房源类型、房源状态、房屋面积、环境、房屋朝向、租房价格、房东账号、房东姓名、房东手机、发布时间、收藏数等信息,如有需要可以进行立即预约、收藏或者评论等操作,如图5-9所示:

图5-9房源信息页面
在个人中心页面可以输入个人详细信息,进行信息更新,还可以对修改密码、聊天记录、预约信息、租赁合同、我的收藏等进行详情操作;如图5-10所示:

图5-10个人中心界面
5.3后台管理员模块
管理员登录,在登录页面正确输入用户名和密码后,点击登录操作;如图5-11所示。

图5-11管理员登录界面
管理员进入主页面,主要功能包括对首页、房东、租户、房源类型、房源信息、预约信息、租赁合同、系统管理、用户资料等进行操作。管理员主页面如图5-12所示:

图5-12 管理员主界面
管理员点击租户,在租户页面对租户账号、租户姓名、性别、头像、手机、身份证等信息,可以搜索或删除租户等操作。如图5-13所示:

图5-13 租户界面
管理员点击房东,在房东页面对房东账号、房东姓名、性别、头像、身份证号、房东手机等信息,可以搜索或删除房东等操作。如图5-14所示:

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

图5-15房源类型界面
房源信息功能在视图层(view层)进行交互,比如点击“新增”按钮或填写房源信息表单。这些房源信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、新增或删除房源信息,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便房源信息功能可以看到最新的信息或相应的操作反馈。在房东信息的输入栏中输入小区名称、城市、房源类型、房源状态进行搜索,可以查看到房源详细信息,并根据需要进行修改或者删除等操作。如图5-16所示:

图5-16房源信息界面
管理员点击预约信息,在预约信息页面对房源标题、小区名称、城市、简介图片、小区地址、房源类型、房屋面积、房屋朝向、租房价格、房东账号、房东姓名、房东手机、租户账号、租户姓名、手机、预约时间等信息,可以搜索或删除预约信息等操作。如图5-17所示:

图5-17预约信息界面
管理员点击租赁合同,在租赁合同页面对房源标题、小区名称、城市、简介图片、小区地址、房源类型、房屋面积、房屋朝向、房号、租房价格、租赁时长、总租金、房东账号、房东姓名、房东手机、租房账号、租户姓名、手机、租赁时间、租赁协议、是否支付、评论数等信息,可以搜索或删除租赁合同等操作,如图5-18所示:

图5-18 租赁合同界面

228

被折叠的 条评论
为什么被折叠?



