基于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 收货地址实体属性图

数据库表结构

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

表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

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.4公告信息表

序号

列名

数据类型

说明

允许空

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.5商家表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangjia_name

String

商家名称

是

3

shangjia_phone

String

联系方式

是

4

shangjia_email

String

邮箱

是

5

shangjia_photo

String

营业执照展示

是

6

shangjia_address

String

商店地址

是

7

shangjia_xingji_types

Integer

商家信用类型

是

8

shangjia_yesno_types

Integer

商家状态

是

9

new_money

BigDecimal

现有余额

是

10

shangjia_content

String

商家简介

是

11

shangjia_delete

Integer

逻辑删除

是

12

create_time

Date

创建时间

是

表4.6商品表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangjia_id

Integer

商家

是

3

shangpin_name

String

商品名称

是

4

shangpin_photo

String

商品照片

是

5

shangpin_types

Integer

商品类型

是

6

shangpin_kucun_number

Integer

商品库存

是

7

shangpin_old_money

BigDecimal

商品原价

是

8

shangpin_new_money

BigDecimal

现价

是

9

shangpin_clicknum

Integer

点击次数

是

10

shangpin_content

String

商品介绍

是

11

shangxia_types

Integer

是否上架

是

12

shangpin_delete

Integer

逻辑删除

是

13

create_time

Date

创建时间

是

表4.7商品收藏表

序号

列名

数据类型

说明

允许空

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.8商品评价表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_id

Integer

商品

是

3

yonghu_id

Integer

用户

是

4

shangpin_commentback_text

String

评价内容

是

5

insert_time

Date

评价时间

是

6

reply_text

String

回复内容

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.9商品订单表

序号

列名

数据类型

说明

允许空

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.10用户表

序号

列名

数据类型

说明

允许空

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.11管理员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

系统实现这个章节的内容主要还是展示系统的功能界面设计效果，在实现系统基本功能，比如修改，比如添加，比如删除等管理功能的同时，也显示出系统各个功能的界面实现效果，该部分内容一方面与前面提到的系统分析，系统设计的内容相呼应，另一方面也是一个实际成果的展示。

管理员功能实现

商品管理

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

图5-1 商品管理页面

公告信息管理

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

图5.3 公告信息管理页面

公告类型管理

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

图5.4 公告类型列表页面

程序软件的开发阶段也包括了系统测试，这个部分就是程序质量评定的一个重要环节，如果说程序通过编码实现功能之后，不通过测试检查程序中出现的错误，那么程序一旦投入生活中运行使用时，就会产生许多大大小小的错误，这个时候去解决问题已经晚了，所以一个程序在被交付给使用者使用之前，开发者就需要使用多种测试方法反复进行测试，也是对程序的一个负责表现。程序进入系统测试阶段，在讲究策略进行测试时，也需要对时效性进行把控。当开发者测试完程序，并解决完测试期间程序产生的各种错误时，就需要程序的验收方来对程序进行验收测试，这也是程序测试的最后一个操作步骤。验收测试也是对程序的质量以及可交付性方面起到关键的作用。

系统测试方法

程序软件进入到系统测试这一个环节时，也需要根据测试的方法进行规范化测试操作，测试方法以及使用顺序分别是：首先是单元测试，接着是集成测试和系统测试，最后才是验收测试，下面将描述系统测试方法。

单元测试：这个部分需要涉及到程序的代码方面的知识，这个操作环节是程序的开发者进行的，当程序开发者通过代码编写程序的子功能模块时，就会进行单元级别的测试，通常这个环节的测试也会被称作是白盒测试。

集成测试：这个步骤的前提是程序的所有功能模块都已完成开发，这个时候需要把程序所有的子功能模块集成到一起，形成一个完整的系统，此测试的主要目的就是检查这些功能模块集成在一起时的兼容性，也就是检测它们是否按照预期正常运行。

系统测试：当程序测试进入到这个环节时，就意味着程序测试工作已经进行到一半了，这个部分的测试也有另外一个名字，称作是黑盒测试，主要用于测试系统的功能是否按照预期进行运行。

验收测试：开发的程序已经通过了前面的单元测试，集成测试，以及系统测试环节时，就需要进行验收了，这个环节的操作用户就是程序面临的最终用户或者是客户。测试主要目的就是验证开发完成的程序是不是能够符合用户对其的期望，以及程序的所有功能是否符合用户的真正需求。