基于JAVA+SpringBoot+Vue的网上服装商城

课题背景

信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性，还是可操作性等各个方面来讲，遇到了互联网时代才发现能补上自古以来的短板，有效的提升管理的效率和业务水平。传统的管理模式，时间越久管理的内容越多，也需要更多的人来对数据进行整理，并且数据的汇总查询方面效率也是极其的低下，并且数据安全方面永远不会保证安全性能。结合数据内容管理的种种缺点，在互联网时代都可以得到有效的补充。结合先进的互联网技术，开发符合需求的软件，让数据内容管理不管是从录入的及时性，查看的及时性还是汇总分析的及时性，都能让正确率达到最高，管理更加的科学和便捷。本次开发的网上服装商城实现了收货地址管理、购物车管理、字典管理、服装管理、服装收藏管理、服装评价管理、服装订单管理、公告信息管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让网上服装商城更能从理念走到现实，确确实实的让人们提升信息处理效率。

系统流程分析

网上服装商城的开发也是有对应的流程，开发之前必须要进行用户功能需求的分析，最后根据功能需求进行网站设计还有数据库相关数据的设计工作，此次开发的网上服装商城开发流程如图3.1所示。

图3.1 系统开发流程图

系统开发完成之后会给用户提供登录入口，在这个界面用户输入的信息会得到验证，通过验证之后才能进去网上服装商城的访问主界面，系统登录执行流程如下：

图3.2 系统执行流程图

系统功能需求分析

系统的开发离不开前期的需求分析，这个阶段就是让程序员知道自己该做什么事情，在进行需求分析的时候，着重点就是用户对系统的功能要求，这个阶段要是分析得很到位，系统开发出来投入使用时，用户就会发现系统的功能跟用户需求保持一致，程序稳定性也是达标的，可以说需求分析是决定系统开发成败的关键，它主要就是把现实世界进行抽象化，然后把抽象化的对象用来构建模型。

网上服装商城的受益群体主要是工作人员，该网站能够方便使用者进行数据信息的查找和管理工作，本次开发的网站我们设计的界面展示主要分为管理员界面以及用户界面，具体界面的功能分布如下。

网上服装商城管理员可以管理用户的基本信息，可以管理公告信息，可以管理公告信息等。

系统模块设计

网上服装商城系统在进行系统中功能模块的划分时，采用层次图来进行表示。层次图具有树形结构，它能使用矩形框来描绘数据信息。顶层代表的数据结构很完整，顶层下面的矩形框表示的数据就是子集数据，当然处于最下面的矩形框就是不能再进行细分的数据元素了，使用层次方框图描述系统功能能让用户一目了然，能够明白系统的功能，以及对应功能板块下面的子功能都可以清楚领会。网上服装商城分为管理员和用户两部分操作角色，下面将对他们的功能进行阐述。

管理员可以管理用户的基本信息，可以管理等功能。管理员功能结构图如下：

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

数据库表设计

数据库里面的数据表存放的就是各种数据记录，我们在进行系统增删改查操作时，其实也是在对应数据表里面进行的增删改查操作，一个好的数据库能够缩短信息处理时间，所以说数据库的设计工作不容小觑，数据库里面设置哪些表，表里面的字段设计以及字段类型和字段长度等信息都要考虑周到才行，比如时间这个字段，它的数据类型就不能是int型，不然在系统操作中就会弹出输入数据格式不符合要求的报错提示。下面简单介绍网上服装商城的一些数据表。

表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

fuzhuang_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

fuzhuang_name

String

服装名称

是

3

fuzhuang_photo

String

服装照片

是

4

fuzhuang_types

Integer

服装类型

是

5

fuzhuang_kucun_number

Integer

服装库存

是

6

fuzhuang_price

Integer

购买获得积分

是

7

fuzhuang_old_money

BigDecimal

服装原价

是

8

fuzhuang_new_money

BigDecimal

现价/积分

是

9

fuzhuang_clicknum

Integer

点击次数

是

10

fuzhuang_content

String

服装简介

是

11

shangxia_types

Integer

是否上架

是

12

fuzhuang_delete

Integer

逻辑删除

是

13

create_time

Date

创建时间

是

表4.5服装收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fuzhuang_id

Integer

服装

是

3

yonghu_id

Integer

用户

是

4

fuzhuang_collection_types

Integer

类型

是

5

insert_time

Date

收藏时间

是

6

create_time

Date

创建时间

是

表4.6服装评价表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fuzhuang_id

Integer

服装

是

3

yonghu_id

Integer

用户

是

4

fuzhuang_commentback_text

String

评价内容

是

5

insert_time

Date

评价时间

是

6

reply_text

String

回复内容

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.7服装订单表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

fuzhuang_order_uuid_number

String

订单号

是

3

address_id

Integer

收获地址

是

4

fuzhuang_id

Integer

服装

是

5

yonghu_id

Integer

用户

是

6

buy_number

Integer

购买数量

是

7

fuzhuang_order_true_price

BigDecimal

实付价格

是

8

fuzhuang_order_courier_name

String

快递公司

是

9

fuzhuang_order_courier_number

String

订单快递单号

是

10

fuzhuang_order_types

Integer

订单类型

是

11

fuzhuang_order_payment_types

Integer

支付类型

是

12

insert_time

Date

订单创建时间

是

13

create_time

Date

创建时间

是

表4.8公告信息表

序号

列名

数据类型

说明

允许空

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

序号

列名

数据类型

说明

允许空

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

yonghu_sum_jifen

BigDecimal

总积分

是

8

yonghu_new_jifen

BigDecimal

现积分

是

9

huiyuandengji_types

Integer

会员等级

是

10

create_time

Date

创建时间

是

表4.10管理员表

序号

列名

数据类型

说明

允许空

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公告类型管理界面