基于JAVA+SpringBoot+Vue+Layui的电商应用系统

研究背景

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

目的和意义

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

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

系统流程分析

操作流程分析

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

图3.1 程序操作流程图

登录流程分析

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

图3.2 程序登录流程图

信息添加流程分析

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

图3.3 信息添加流程图

信息删除流程分析

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

图3.4 信息删除流程图

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

系统概要设计

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

图4.1 程序工作的原理图

系统功能结构设计

在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.2展示的就是管理员功能结构图，管理员功能有个人中心，管理员管理，公告类型管理，商品类型管理，论坛管理，积分记录管理，公告信息管理，商品信息管理，商品评价管理，商品收藏管理，商品订单管理，用户管理，轮播图管理。用户可以注册登录，查看和购买商品，对商品进行评价和收藏，在论坛发消息等操作。

图4.2 管理员功能结构图

数据库设计

程序功能操作不管是添加，修改，还是删除等功能产生的数据都是经由数据库进行数据保存和更新的，所以一个数据库设计的好坏也是程序是否好坏的判定标准，因为程序的成功，有一半的功劳都是靠数据库的优秀设计。数据库一旦设计得良好是可以减轻开发人员的开发负担的。

数据库E-R图设计

这个部分的设计需要使用到E-R图绘制工具，常用的工具就是Visio工具来绘制E-R模型图，这款工具不仅可以快速创建需要的E-R模型图，而且该工具提供的操作界面很简单，可以短时间内修改绘图界面的图形或者是文字的属性。在绘制E-R模型图时，要分清楚各个图形代表的含义，以免绘制出错，E-R模型图由长方形（实体），椭圆形（属性），菱形（关系）这三部分图形符号组成，绘制期间要区分开来，用准确的图形符号代表相应的数据元素。

（1）管理员实体中的属性有姓名，密码等信息。以此绘制的实体属性图见图4.4。

图4.4 管理员实体属性图

（2）用户实体中的属性有账户，密码，姓名等信息。以此绘制的实体属性图见图4.5。

图4.5 车主实体属性图

（3）公告实体中的属性有编号，标题，内容等。以此绘制的实体属性图见图4.6。

图4.6 公告实体属性图

（4）商品实体中的属性有商品名称，价格等信息。以此绘制的实体属性图见图4.7。

图4.7 公告类型实体属性图

（5）各个实体之间的联系用下图的E-R图表示。绘制的系统E-R图见图4.8。

图4.8 系统E-R图

数据库表结构设计

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

1公告信息表

序号

列名

数据类型

说明

允许空

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

创建时间

是

2商品评价表

序号

列名

数据类型

说明

允许空

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

创建时间

是

3收货地址表

序号

列名

数据类型

说明

允许空

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商品表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shangpin_uuid_number

String

商品编号

是

3

shangpin_name

String

商品名称

是

4

shangpin_photo

String

商品照片

是

5

shangpin_types

Integer

商品类型

是

6

shangpin_kucun_number

Integer

商品库存

是

7

shangpin_price

Integer

购买获得积分

是

8

shangpin_old_money

BigDecimal

商品原价

是

9

shangpin_new_money

BigDecimal

现价/积分

是

10

shangpin_clicknum

Integer

点击次数

是

11

shangpin_content

String

商品介绍

是

12

shangxia_types

Integer

是否上架

是

13

shangpin_delete

Integer

逻辑删除

是

14

create_time

Date

创建时间

是

5商品收藏表

序号

列名

数据类型

说明

允许空

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

创建时间

是

6购物车表

序号

列名

数据类型

说明

允许空

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

创建时间

是

7用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

8token表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

userid

Integer

用户id

是

3

username

String

用户名

是

4

tablename

String

表名

是

5

role

String

角色

是

6

token

String

密码

是

7

addtime

Date

新增时间

是

8

expiratedtime

Date

过期时间

是

9论坛表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

forum_name

String

帖子标题

是

3

yonghu_id

Integer

用户

是

4

users_id

Integer

管理员

是

5

forum_content

String

发布内容

是

6

super_ids

Integer

父id

是

7

forum_state_types

Integer

帖子状态

是

8

insert_time

Date

发帖时间

是

9

update_time

Date

修改时间

是

10

create_time

Date

创建时间

是

10字典表

序号

列名

数据类型

说明

允许空

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

创建时间

是

11用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

账户

是

3

password

String

密码

是

4

yonghu_name

String

用户姓名

是

5

yonghu_phone

String

用户手机号

是

6

yonghu_id_number

String

用户身份证号

是

7

yonghu_photo

String

用户头像

是

8

sex_types

Integer

性别

是

9

yonghu_email

String

电子邮箱

是

10

new_money

BigDecimal

余额

是

11

yonghu_sum_jifen

BigDecimal

总积分

是

12

yonghu_new_jifen

BigDecimal

现积分

是

13

huiyuandengji_types

Integer

会员等级

是

14

create_time

Date

创建时间

是

12商品订单表

序号

列名

数据类型

说明

允许空

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_courier_name

String

快递公司

是

9

shangpin_order_courier_number

String

订单快递单号

是

10

shangpin_order_types

Integer

订单类型

是

11

shangpin_order_payment_types

Integer

支付类型

是

12

insert_time

Date

订单创建时间

是

13

create_time

Date

创建时间

是

13配置文件表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

name

String

配置参数名称

是

3

value

String

配置参数值

是

14积分记录表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户姓名

是

3

jifenjilu_name

String

原因

是

4

jifenjilu_number

BigDecimal

积分数量

是

5

jifen_types

Integer

类型

是

6

insert_time

Date

插入时间

是

7

create_time

Date

创建时间

是

系统实现部分就是将系统分析，系统设计部分的内容通过编码进行功能实现，以一个实际应用系统的形式展示系统分析与系统设计的结果。前面提到的系统分析，系统设计最主要还是进行功能，系统操作逻辑的设计，也包括了存储数据的数据库方面的设计等内容，系统实现就是一个最终的实施阶段，将前面的设计成果进行物理转化，最终出具可以运用于实际的软件系统。

管理员功能介绍

管理员管理

如图5.1显示的就是管理员管理页面，管理员可以对管理员信息进行添加，修改，删除，查询操作。

图5.1 管理员管理页面

公告类型管理

如图5.2显示的就是公告类型管理页面，管理员可以对公告类型信息进行添加，修改，删除，查询操作。

图5.2 公告类型管理页面

论坛管理

如图5.3显示的就是论坛管理页面，管理员可以对论坛信息进行添加，修改，删除，查询操作。

图5.3 论坛管理页面

商品类型管理

如图5.4显示的就是商品类型管理页面，管理员可以对商品类型信息进行添加，修改，删除，查询操作。

图5.4 商品类型管理页面

商品信息管理

如图5.5显示的就是商品信息页面，管理员可以对商品信息进行添加，修改，删除，查询操作。

图5.5 商品信息管理页面

轮播图管理

如图5.6显示的就是轮播图管理页面，管理员可以对轮播图信息进行添加，修改，删除，查询操作。

图5.6 轮播图管理页面

公告信息管理

如图5.7显示的就是公告信息管理页面，管理员可以对公告信息进行添加，修改，删除，查询操作。

图5.7 公告信息管理页面

用户信息管理

如图5.8显示的就是用户信息页面，管理员可以对用户信息进行添加，修改，删除，查询操作。

图5.8 用户信息管理页面

用户功能介绍

个人中心

如图5.9显示的就是个人中心页面，用户注册登录后点击个人中心可以修改个人资料和查看自己的收藏信息。

图5.9 个人中心页面

公告信息

如图5.10显示的就是公告信息页面，用户可以在公告信息界面查看公告信息。

图5.10 公告信息页面

商品信息

如图5.11显示的就是商品信息页面，用户点击商品信息可以查看商品信息，可以添加到购物车和立即购买。

图5.11 商品信息页面

购物车

如图5.12显示的就是购物车页面，用户登录后可以点击购物车，可以看到已经加入购物车的商品，可以对这些商品进行删除和修改数量以及点击购买操作。

图5.12 购物车页面

我的订单

如图5.13显示的就是我的订单页面，用户登录后可以点击我的订单，可以看到自己的订单状态。

图5.13 我的订单页面