基于JAVA+SpringBoot+Vue的景区民宿预约系统

目的和意义

景区民宿预约系统可以对公交信息进行集中管理，可以真正避免传统管理的缺陷。景区民宿预约系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，景区民宿预约系统都可以轻松应对。所以，景区民宿预约系统的运用是让公交信息管理升级的最好方式。它可以实现信息处理的便利化要求，还可以规范信息处理的流程，让事务处理成为管理人员手中的一件简单事，而不是之前手工处理时的困难事。尽管景区民宿预约系统具备较完善的功能，但是也需要管理人员利用闲暇时间提升自身素质以及个人能力，在操作景区民宿预约系统时可以最大化运用景区民宿预约系统提供的功能，让系统在满足高效率处理数据的同时，也能始终稳定运行，还可以确保数据的可靠性与数据处理的质量。

系统流程分析

本系统在处理数据时，其内部的操作逻辑也需要使用相应的工具进行展示。

在本系统的数据录入页面，对于操作者提供的每条数据都有相应的检验规则，比如数据信息不能有非法字符，或者本来应该是汉字的数据，不能用字母代替，还有对数据内容的长度等进行规范，这样的可以确保数据准确性的检验规则，在编码时，就提前编写好了。数据添加的流程见下图。如果数据已经保存进入数据库，则说明操作者提供的数据内容和格式都是符合要求的。

图3.1 添加信息流程图

很多时候，面对系统中的大量数据，难免会发现一些错误，因此需要及时纠正错误，本系统也提供数据后期的修改功能，其流程见下图。但是更新的数据也需要通过数据有效性检验。能够最终写入数据库则说明修改的数据是符合要求的。

图3.2 修改信息流程图

面对数据库里面大量数据，在系统的前台，要想快速获取需要的信息，就需要使用查询功能。其流程见下图。该功能需要操作者提前输入关键词，当系统的后台数据库保存了与关键词匹配的数据时，就会及时显示出来，整个过程耗时很短。

图3.3 查询信息流程图

系统性能分析

分析景区民宿预约系统对于性能的需求主要还是从下面的5个角度来分析，它们分别是系统的实用性，系统的适应性，系统的易操作性，系统的安全性和系统的易维护性。

性能需求一：系统的实用性，本系统主要是让管理人员集中处理相关信息，可以提供方便快捷的信息添加，信息编辑等操作。在提高信息管理人员的工作效率的同时，也可以降低管理成本，并大大减少管理人员日常繁琐的工作量。

性能需求二：系统的适应性，本系统对于运行环境的要求并不高，可以被广泛运用在生活中。因为使用者只要在日常使用的计算机，或者是随身携带的笔记本上搭建运行环境都能运行本系统，另外系统提供的基础功能包括添加，修改等都能随时操作。

性能需求三：系统的易操作性，本系统提供的功能跟同类型系统一样，也具备简单的增删改操作，操作流程的逻辑也符合广大使用者的使用需求，使用者使用本系统管理数据会非常顺手。

性能需求四：系统的安全性，本系统在数据保存与管理上安全系数要达标，在设计与编码阶段，通过对用户进行权限分配，把系统的功能依照不同用户的角色进行分配，在首次进入系统时，通过编写安全验证的代码模块，引导不同用户进入不同的操作界面。还可以对用户基础信息包括登录的账号密码等进行加密保存，可以利用当下常用的技术成熟的MD5加密技术实现。

性能需求五：系统的易维护性，本系统在后期运行中，会根据使用者的操作，产生许多数据信息，为了便于维护，就要求这些数据可以通过工具从数据库中导出来，对于一些阶段性数据，可以进行批量删除，以此达到轻负荷处理数据的目标，让本系统可以变得更加轻盈。

市面上设计比较好的系统都有一个共同特征，就是主题鲜明突出。通过对页面简洁清晰的布局，让页面的内容，包括文字语言，或者视频图片等元素可以清晰表达出系统的主题。让来访用户无需花费过多精力和时间找寻需要的内容。

界面设计原则

一般来说，大部分用户使用系统，有些是想从系统中获取需要的信息，有些则是使用系统提供的服务。所以，为了改善用户体验，提高系统的使用率，在对系统界面设计时，需要按照下面的原则进行。

第一点，对用户进行分析，了解用户使用系统的目的，以及使用系统的方式，考虑大部分用户的阅读习惯，设计Z字形或F型结构可以方便用户获取信息。

第二点：设计有效的导航，这个包括每个页面上都有导航条的显示，有时也可以在页面的底部设计导航条，当用户进入具体页面时，要设计相应的位置提示，在页面中比较特殊的位置，需要设计返回链接，可以返回上个页面，也可以返回首页等。

第三点：对整个系统要运用统一的设计方案，包括色彩方案的一致性，页面模板的相似性等，对相同操作和专业术语的描述在整个系统中也应该保持一致。

第四点：设计的界面要保证传达的内容清晰准确。要避免在同一个页面设计非常多的内容，另外可以准确对系统内容进行分类，把页面中用户视觉集中的位置，用来显示重要信息。

作为初学者，并没有那么多的设计经验，但是可以运用上面提到的界面设计原则设计出比较好的系统，可以让用户产生良好的使用体验。

功能结构设计

为了让系统的编码可以顺利进行，特意对本系统功能进行细分设计，设计的系统功能结构见下图。

图4.1 系统功能结构图

数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

数据库概念设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如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 工作人员实体属性图

（11）下图是房间预约实体和其具备的属性。

图4.11 房间预约实体属性图

（12）下图是景点信息实体和其具备的属性。

图4.12 景点信息实体属性图

（13）下图是美食信息实体和其具备的属性。

图4.13 美食信息实体属性图

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

图4.14 用户表实体属性图

（15）下图是美食预约实体和其具备的属性。

图4.15 美食预约实体属性图

表4.1字典表表

序号

列名

数据类型

说明

允许空

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.2房间信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fangjian_name

String

房间名称

是

3

fangjian_photo

String

房间图片

是

4

fangjian_tese

String

房间特色

是

5

fangjian_peizhi

String

房间配置

是

6

fangjian_money

BigDecimal

价格（天）

是

7

fangjian_types

Integer

房间类型

是

8

fangjian_number

Integer

房间剩余数量

是

9

fangjian_clicknum

Integer

点击次数

是

10

fangjian_content

String

房间详情

是

11

create_time

Date

创建时间

是

表4.3房间反馈表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fangjian_id

Integer

房间

是

3

yonghu_id

Integer

用户

是

4

fangjian_liuyan_text

String

反馈内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

反馈时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.4房间预约表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fangjian_id

Integer

房间

是

3

yonghu_id

Integer

用户

是

4

fnagjian_yuye_time

Date

预约日期

是

5

fnagjian_yuye_text

String

预约备注

是

6

fnagjian_tiwen

BigDecimal

近期体温

是

7

fnagjian_text

String

近期行程

是

8

fnagjian_yuye_yesno_types

Integer

审核结果

是

9

fnagjian_yuye_yesno_text

String

审核反馈

是

10

create_time

Date

创建时间

是

表4.5工作记录表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

gongzuorenyuan_id

Integer

工作人员

是

3

gongzuorenyuan_tiwen

BigDecimal

体温

是

4

insert_time

Date

添加时间

是

5

gongzuorenyuan_text

String

工作记录

是

6

gongzuorenyuan_delete

Integer

假删

是

7

create_time

Date

创建时间

是

表4.6工作人员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

gongzuorenyuan_uuid_number

String

工号

是

3

gongzuorenyuan_name

String

工作人员姓名

是

4

gongzuorenyuan_photo

String

头像

是

5

gongzuorenyuan_phone

String

联系方式

是

6

gongzuorenyuan_email

String

邮箱

是

7

gongzuorenyuan_delete

Integer

假删

是

8

create_time

Date

创建时间

是

表4.7景点信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

jingdian_name

String

景点名称

是

3

jingdian_photo

String

景点图片

是

4

jingdian_types

Integer

景点类型

是

5

jingdian_money

BigDecimal

景点价格

是

6

jingdian_number

Integer

景点数量

是

7

jingdian_clicknum

Integer

点击次数

是

8

jingdian_content

String

景点详情

是

9

create_time

Date

创建时间

是

表4.8景点反馈表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

jingdian_id

Integer

景点

是

3

yonghu_id

Integer

用户

是

4

jingdian_liuyan_text

String

反馈内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

反馈时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.9景点预约表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

jingdian_id

Integer

景点

是

3

yonghu_id

Integer

用户

是

4

jingdian_yuye_time

Date

预约日期

是

5

jingdian_yuye_text

String

预约备注

是

6

jingdian_yuye_yesno_types

Integer

审核结果

是

7

jingdian_yuye_yesno_text

String

审核反馈

是

8

create_time

Date

创建时间

是

表4.10美食信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

meishi_name

String

美食名称

是

3

meishi_photo

String

美食图片

是

4

meishi_types

Integer

美食类型

是

5

meishi_number

Integer

美食数量

是

6

meishi_money

BigDecimal

价格

是

7

meishi_clicknum

Integer

点击次数

是

8

meishi_content

String

美食详情

是

9

create_time

Date

创建时间

是

表4.11美食反馈表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

meishi_id

Integer

美食

是

3

yonghu_id

Integer

用户

是

4

meishi_liuyan_text

String

反馈内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

反馈时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.12美食预约表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

meishi_id

Integer

美食

是

3

yonghu_id

Integer

用户

是

4

meishi_yuye_time

Date

预约日期

是

5

meishi_yuye_text

String

预约备注

是

6

meishi_yuye_yesno_types

Integer

审核结果

是

7

meishi_yuye_yesno_text

String

审核反馈

是

8

create_time

Date

创建时间

是

表4.13公告表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

news_name

String

公告标题

是

3

news_types

Integer

公告类型

是

4

news_photo

String

公告图片

是

5

insert_time

Date

公告时间

是

6

news_content

String

公告详情

是

7

create_time

Date

创建时间

是

表4.14用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_name

String

用户姓名

是

3

yonghu_photo

String

头像

是

4

yonghu_phone

String

联系方式

是

5

yonghu_id_number

String

用户身份证号

是

6

yonghu_email

String

邮箱

是

7

yonghu_delete

Integer

假删

是

8

create_time

Date

创建时间

是

表4.15用户表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

用户信息管理

如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

房间信息管理

如图5.2显示的就是房间信息管理页面，此页面提供给管理员的功能有：查看已发布的房间信息数据，修改房间信息，房间信息作废，即可删除，还进行了对房间信息名称的模糊查询 房间信息信息的类型查询等等一些条件。

图5.2 房间信息管理页面

景点信息管理

如图5.3显示的就是景点信息管理页面，此页面提供给管理员的功能有：根据景点信息进行条件查询，还可以对景点信息进行新增、修改、查询操作等等。

图5.3 景点信息管理页面

公告信息管理

如图5.4显示的就是公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。

图5.4 公告信息管理页面