基于JAVA+SpringBoot+Vue的房屋交易平台

研究背景

互联网概念的产生到如今的蓬勃发展，用了短短的几十年时间就风靡全球，使得全球各个行业都进行了互联网的改造升级，标志着互联网浪潮的来临。在这个新的时代，各行各业都充分考虑互联网是否能与本行业进行结合，是否能解决本行业或者本行业中某些方面的自古以来的痛点。长期以来，数据内容，数据传播，数据储存等都是一门门专业的内容，因为需要记住的内容很多，造成古人的言简意赅，如今互联网的到来让数据更加的清晰好认不复杂，一目了然不出错，毕竟在整个历史上数据的丢失，传承的断代，都是因为数据不能好好的保存，不能好好的流传。当年的年代用互联网思维和互联网技术，对大量数据的录入更新，存储汇总，备份分析方面，使得远远的超过传统的数据管理技术。在这样的时代潮流下，采用新技术开发新软件，对传统行业进行革命性的改造成为了当今的主流。本次开发房屋交易平台，解决了出售房屋信息管理关于数据方面的管理分析，存储传输的痛点，不仅仅对管理员提供了便利，还能提高用户的满意度。

目的和意义

此次房屋交易平台的开发，需要用到的知识不仅涉及到界面设计与功能设计方面的知识，还需要涉及到数据库与编程语言上面的知识，这些知识点对于一个即将毕业的学生来说，一是为了巩固在校所学相关专业知识；二是为了让学生学会如何将专业理论知识运用于现实软件的开发过程；三是让学生明白知识是无穷无尽的，要时刻明白活到老学到老的真正含义，让学生要养成时刻学习的习惯，同时也要相信通过此次程序的开发，会让学生对于专业知识的理解与软件开发水平的提高有着极大的帮助。

系统流程分析

分析程序的流程，涉及到程序的整体操作流程，通过分析与设计，绘制的程序操作流程图见下图。此程序为了确保安全，会让使用者通过登录模块验证信息，符合要求的使用者才有权限操作程序。

图3-1 程序操作流程图

程序处理数据会涉及到数据的录入环节，绘制的添加流程见下图。程序录入数据过程中，始终与数据库保持同步。

图3-2 信息添加流程图

程序里面的数据也会出现错误，因此就有相应的修改数据的功能，绘制的程序修改流程见下图。此过程也是跟后台数据库进行数据同步显示。

图3-3信息修改流程图

程序数据存放于数据仓库，有时也会涉及到数据删除，此过程对应的流程图见下图。数据信息被删除之后，数据库里面也就没有了该数据信息了。

图3-4 信息删除流程图

系统结构设计

在系统结构设计上，经综合考虑还是选择比C/S更省资金的B/S结构模式，现如今浏览器已经实现了普及，并在技术上逐渐完善和成熟，它在节约软件开发成本的基础上，还能实现原本用专业软件操作才能实现的强大功能。总之，B/S结构是当下全新的，认可度高的系统构造技术。系统结构设计图通过绘制，效果展示如下：

图4-1 系统结构设计图

功能结构设计

在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功能的详细模块。绘制的管理员功能结构见下图。

图4.3 管理员功能结构图

数据库设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

（1）下图是用户实体和其具备的属性。

图4.1 用户实体属性图

（2）下图是租房留言实体和其具备的属性。

图4.2 租房留言实体属性图

（3）下图是出售房屋留言实体和其具备的属性。

图4.3 出售房屋留言实体属性图

（4）下图是预约租房看房实体和其具备的属性。

图4.4 预约租房看房实体属性图

（5）下图是出售房屋实体和其具备的属性。

图4.5 出售房屋实体属性图

（6）下图是租房实体和其具备的属性。

图4.6 租房实体属性图

（7）下图是预约出售房屋看房实体和其具备的属性。

图4.7 预约出售房屋看房实体属性图

（8）下图是公告实体和其具备的属性。

图4.8 公告实体属性图

（9）下图是出售房屋收藏实体和其具备的属性。

图4.9 出售房屋收藏实体属性图

（10）下图是租房收藏实体和其具备的属性。

图4.10 租房收藏实体属性图

在进行这部分设计之前，需要明白和掌握数据类型以及各个数据类型的长度范围等知识，因为在一张具体的数据表中，为了方便理解，这里就举个简单的例子。比如用户信息表，这个表格的字段就是用户这个实体具备的属性，这时就需要对字段进行数据类型，以及字段长度的设置，也要设置一个主键来作为用户信息表的唯一标识。这些都是数据库表结构设计需要完成的内容。根据房屋交易平台的功能设计以及数据库设计要求，展示该系统的数据表结构。

表4.1出售房屋表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

chushoufangwu_name

String

出售房屋名称

是

4

chushoufangwu_uuid_number

String

出售房屋编号

是

5

chushoufangwu_photo

String

出售房屋照片

是

6

chushoufangwu_types

Integer

房屋类型

是

7

chushoufangwu_xinjiu_types

Integer

新房旧房

是

8

quyu_types

Integer

区域

是

9

chushoufangwu_xiaoqu

String

所在小区

是

10

chushoufangwu_weizhi

String

所在详细位置

是

11

chushoufangwu_mianji

BigDecimal

房屋面积

是

12

chushoufangwu_old_money

BigDecimal

原总价

是

13

chushoufangwu_new_money

BigDecimal

现总价

是

14

chushoufangwu_clicknum

Integer

房屋热度

是

15

chushoufangwu_content

String

出售房屋介绍

是

16

chushoufangwu_zhuangtai_types

Integer

房屋状态

是

17

shangxia_types

Integer

是否上架

是

18

chushoufangwu_delete

Integer

逻辑删除

是

19

create_time

Date

创建时间

是

表4.2出售房屋收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

chushoufangwu_id

Integer

出售房屋

是

3

yonghu_id

Integer

用户

是

4

chushoufangwu_collection_types

Integer

类型

是

5

insert_time

Date

收藏时间

是

6

create_time

Date

创建时间

是

表4.3出售房屋留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

chushoufangwu_id

Integer

出售房屋

是

3

yonghu_id

Integer

用户

是

4

chushoufangwu_liuyan_text

String

留言内容

是

5

insert_time

Date

留言时间

是

6

reply_text

String

回复内容

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.4预约出售房屋看房表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

chushoufangwu_order_uuid_number

String

看房编号

是

3

chushoufangwu_id

Integer

出售房屋

是

4

yonghu_id

Integer

用户

是

5

chushoufangwu_order_name

String

申请看房人姓名

是

6

chushoufangwu_order_phone

String

申请看房人联系电话

是

7

insert_time

Date

申请时间

是

8

kanfang_time

Date

看房时间

是

9

chushoufangwu_order_yesno_types

Integer

审核状态

是

10

chushoufangwu_order_yesno_text

String

回复内容

是

11

chushoufangwu_order_shenhe_time

Date

审核时间

是

12

create_time

Date

创建时间

是

表4.5字典表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

dic_code

String

字段

是

3

dic_name

String

字段名

是

4

code_index

Integer

编码

是

5

index_name

String

编码名字

是

6

super_id

Integer

父字段id

是

7

beizhu

String

备注

是

8

create_time

Date

创建时间

是

表4.6公告表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

gonggao_name

String

公告名称

是

3

gonggao_photo

String

公告图片

是

4

gonggao_types

Integer

公告类型

是

5

insert_time

Date

公告发布时间

是

6

gonggao_content

String

公告详情

是

7

create_time

Date

创建时间

是

表4.7用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_name

String

用户姓名

是

3

yonghu_phone

String

用户手机号

是

4

yonghu_id_number

String

用户身份证号

是

5

yonghu_photo

String

用户头像

是

6

yonghu_email

String

电子邮箱

是

7

create_time

Date

创建时间

是

表4.8租房表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

zufang_name

String

房屋名称

是

4

zufang_uuid_number

String

房屋编号

是

5

zufang_photo

String

租房照片

是

6

zufang_types

Integer

出租房屋类型

是

7

quyu_types

Integer

区域

是

8

zufang_xiaoqu

String

所在小区

是

9

zufang_weizhi

String

所在详细位置

是

10

zufang_mianji

BigDecimal

房屋面积

是

11

zufang_old_money

BigDecimal

原价/月

是

12

zufang_new_money

BigDecimal

现加/月

是

13

zufang_clicknum

Integer

房屋热度

是

14

zufang_content

String

房屋介绍

是

15

zufang_zhuangtai_types

Integer

房屋状态

是

16

shangxia_types

Integer

是否上架

是

17

zufang_delete

Integer

逻辑删除

是

18

create_time

Date

创建时间

是

表4.9租房收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

zufang_id

Integer

租房

是

3

yonghu_id

Integer

用户

是

4

zufang_collection_types

Integer

类型

是

5

insert_time

Date

收藏时间

是

6

create_time

Date

创建时间

是

表4.10租房留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

zufang_id

Integer

租房

是

3

yonghu_id

Integer

用户

是

4

zufang_liuyan_text

String

留言内容

是

5

insert_time

Date

留言时间

是

6

reply_text

String

回复内容

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.11预约租房看房表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

zufang_order_uuid_number

String

看房编号

是

3

zufang_id

Integer

租房

是

4

yonghu_id

Integer

用户

是

5

zufang_order_name

String

申请看房人姓名

是

6

zufang_order_phone

String

申请看房人联系电话

是

7

insert_time

Date

申请时间

是

8

kanfang_time

Date

看房时间

是

9

zufang_order_yesno_types

Integer

审核状态

是

10

zufang_order_yesno_text

String

回复内容

是

11

zufang_order_shenhe_time

Date

审核时间

是

12

create_time

Date

创建时间

是

表4.12管理员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

管理员功能实现

出售房屋管理

此页面让管理员管理出售房屋的数据，出售房屋管理页面见下图。此页面主要实现出售房屋的增加、修改、删除、查看的功能。

图5-1 出售房屋管理页面

公告信息管理

公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。下图就是公告信息管理页面。

图5.3 公告信息管理页面

公告类型管理

公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。下图就是公告类型管理页面。

图5.4 公告类型列表页面