基于JAVA+SpringBoot+Vue的体育馆管理系统

研究背景

当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求，各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本体育馆管理系统也是紧跟科学技术的发展，运用当今一流的软件技术实现软件系统的开发，让考试信息完全通过管理系统实现科学化，规范化，程序化管理。从而帮助信息管理者节省事务处理的时间，降低数据处理的错误率，对于基础数据的管理水平可以起到促进作用，也从一定程度上对随意的业务管理工作进行了避免，同时，体育馆管理系统的数据库里面存储的各种动态信息，也为上层管理人员作出重大决策提供了大量的事实依据。总之，体育馆管理系统是一款可以真正提升管理者的办公效率的软件系统。

目的和意义

信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此体育馆管理系统为数据信息的管理模式的升级与改革提供了重要的窗口。

系统流程分析

操作流程分析

程序上交给用户进行使用时，需要提供程序的操作流程图（如图3.1所示），这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

图3.1 程序操作流程图

登录流程分析

在这个部分，需要对程序的登录功能模块的运行流程（如图3.2所示），进行单独说明。程序设置登录模块也是为了安全起见，让用户使用放心，登录模块主要就是让用户提交登录信息，程序进行数据验证，验证通过的用户才能够成功登录程序。

图3.2 程序登录流程图

信息添加流程分析

程序的添加功能就是提供给操作者录入信息的功能，不管是涉及到用户信息添加，还是其它功能模块涉及到的信息添加，程序的信息添加流程（如图3.3所示）都是一致的。程序都是先对操作者录入的数据进行判定，这个判定规则是一段提前编写完成的程序代码，当程序判定数据符合要求时，才会把操作者录入的数据登记在数据表里面，比如添加的用户信息，就会把新添加的用户信息写入用户信息的数据表文件里面。

图3.3 信息添加流程图

信息删除流程分析

当从程序里面删除某种无效数据时，遵循程序的信息删除流程（如图3.4所示），先要选中操作者需要删除的数据，程序为了预防操作者误删信息，也会进行提示，当操作者真正确定要删选中的信息时，该信息就会从数据库中被永久删除。

图3.4 信息删除流程图

系统功能分析

程序功能需要花费一定时间进行分析与设计，需要从大量的参考资料或者是社会上同种类型的程序中吸收对此程序开发有用的知识，可以将其它同类型程序中的合理功能部分规划到此程序里面，另外程序功能也需要针对用户的需求进行分析与设计。

体育馆管理系统的设计方案比如功能框架的设计，比如数据库的设计的好坏也就决定了该系统在开发层面是否高效，以及在系统维护层面是否容易维护和升级，因为在系统实现阶段是需要考虑用户的所有需求，要是在设计阶段没有经过全方位考虑，那么系统实现的部分也就无从下手，所以系统设计部分也是至关重要的一个环节，只有根据用户需求进行细致全面的考虑，才有希望开发出功能健全稳定的程序软件。

系统概要设计

本次拟开发的系统为了节约开发成本，也为了后期在维护和升级上的便利性，打算通过浏览器来实现系统功能界面的展示，让程序软件的主要事务集中在后台的服务器端处理，前端部分只用处理少量的事务逻辑。下面使用一张图（如图4.1所示）来说明程序的工作原理。

图4.1 程序工作的原理图

系统功能结构设计

在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.2展示的就是管理员功能结构图，管理员在后台主要管理收货地址管理、购物车管理、场地管理、场地订单管理、字典管理、赛事管理、赛事收藏管理、赛事评价管理、赛事订单管理、商品管理、商品收藏管理、商品评价管理、商品订单管理、用户管理、管理员管理等。

图4.2 管理员功能结构图

数据库设计

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

数据库概念设计

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

数据库表结构设计

数据库系统一旦选定之后，需要根据程序要求在数据库中建立数据库文件，并在已经完成创建的数据库文件里面，为程序运行中产生的数据建立对应的数据表格，数据表结构设计就是对创建的数据表格进行字段设计，字段长度设计，字段类型设计等，当数据表格合理设计完成之后，才能正常存储相关程序运行产生的数据信息。

表4.1收货地址表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户

是

3

address_name

String

收货人

是

4

address_phone

String

电话

是

5

address_dizhi

String

地址

是

6

isdefault_types

Integer

是否默认地址

是

7

insert_time

Date

添加时间

是

8

update_time

Date

修改时间

是

9

create_time

Date

创建时间

是

表4.2购物车表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

所属用户

是

3

shangpin_id

Integer

商品

是

4

buy_number

Integer

购买数量

是

5

create_time

Date

添加时间

是

6

update_time

Date

更新时间

是

7

insert_time

Date

创建时间

是

表4.3场地表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

changdi_name

String

场地名称

是

3

changdi_photo

String

场地照片

是

4

changdi_types

Integer

场地类型

是

5

changdi_old_money

BigDecimal

预约原价格/天

是

6

changdi_new_money

BigDecimal

现价/天

是

7

changdi_clicknum

Integer

点击次数

是

8

shangxia_types

Integer

是否上架

是

9

changdi_delete

Integer

逻辑删除

是

10

changdi_content

String

场地介绍

是

11

create_time

Date

创建时间

是

表4.4场地订单表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

changdi_order_uuid_number

String

预约单号

是

3

changdi_id

Integer

场地

是

4

yonghu_id

Integer

用户

是

5

changdi_order_true_price

BigDecimal

实付价格

是

6

changdi_order_types

Integer

订单类型

是

7

changdi_order_payment_types

Integer

支付类型

是

8

yuyue_time

Date

预约日期

是

9

insert_time

Date

订单创建时间

是

10

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

saishi_name

String

赛事名称

是

3

saishi_photo

String

赛事照片

是

4

saishi_types

Integer

赛事类型

是

5

saishi_old_money

BigDecimal

赛事原价

是

6

saishi_new_money

BigDecimal

现价

是

7

zuowei_number

Integer

座位

是

8

saishi_clicknum

Integer

点击次数

是

9

shangxia_types

Integer

是否上架

是

10

saishi_delete

Integer

逻辑删除

是

11

saishi_content

String

赛事介绍

是

12

create_time

Date

创建时间

是

表4.7赛事收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

saishi_id

Integer

赛事

是

3

yonghu_id

Integer

用户

是

4

saishi_collection_types

Integer

类型

是

5

insert_time

Date

收藏时间

是

6

create_time

Date

创建时间

是

表4.8赛事评价表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

saishi_id

Integer

赛事

是

3

yonghu_id

Integer

用户

是

4

saishi_commentback_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

saishi_order_uuid_number

String

订单号

是

3

saishi_id

Integer

赛事

是

4

yonghu_id

Integer

用户

是

5

saishi_order_true_price

BigDecimal

实付价格

是

6

saishi_order_types

Integer

订单类型

是

7

saishi_order_payment_types

Integer

支付类型

是

8

buy_zuowei_number

String

购买的座位

是

9

buy_zuowei_time

Date

订购日期

是

10

insert_time

Date

订单创建时间

是

11

create_time

Date

创建时间

是

表4.10商品表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_name

String

商品名称

是

3

shangpin_photo

String

商品照片

是

4

shangpin_types

Integer

商品类型

是

5

shangpin_kucun_number

Integer

商品库存

是

6

shangpin_old_money

BigDecimal

商品原价

是

7

shangpin_new_money

BigDecimal

现价

是

8

shangpin_clicknum

Integer

点击次数

是

9

shangxia_types

Integer

是否上架

是

10

shangpin_delete

Integer

逻辑删除

是

11

shangpin_content

String

商品简介

是

12

create_time

Date

创建时间

是

表4.11商品收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_id

Integer

商品

是

3

yonghu_id

Integer

用户

是

4

shangpin_collection_types

Integer

类型

是

5

insert_time

Date

收藏时间

是

6

create_time

Date

创建时间

是

表4.12商品评价表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_id

Integer

商品

是

3

yonghu_id

Integer

用户

是

4

shangpin_commentback_text

String

评价内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

评价时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.13商品订单表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_order_uuid_number

String

订单号

是

3

address_id

Integer

收货地址

是

4

shangpin_id

Integer

商品

是

5

yonghu_id

Integer

用户

是

6

buy_number

Integer

购买数量

是

7

shangpin_order_true_price

BigDecimal

实付价格

是

8

shangpin_order_types

Integer

订单类型

是

9

shangpin_order_payment_types

Integer

支付类型

是

10

insert_time

Date

订单创建时间

是

11

create_time

Date

创建时间

是

表4.14用户表

序号

列名

数据类型

说明

允许空

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

new_money

BigDecimal

余额

是

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.3 场地信息管理页面

场地类型管理

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

图5.4 场地类型列表页面