基于JAVA+SpringBoot+Vue的电商平台的设计与实现

课题背景

二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿沟，信息的传播速度极慢，信息处理的速度和要求还是通过人们骑马或者是信鸽传递，这些信息传递都是不可控制的，中间很有可能丢失，信息的传递水平决定了人们生活的水平。如今大家都在使用互联网软件产品，从内部管理设置计算机管理，提高内部信息化的管理水准，从外部市场也可以用计算机获取相关数据进行处理，如今各行各业已经严重依赖于计算机了。

本课题研究和开发电商平台，让安装在计算机上的该系统变成管理人员的小帮手，提高商品交易信息处理速度，规范商品交易信息处理流程，让管理人员的产出效益更高。

课题意义

传统处理数据，必须是一张张纸，然后处理完毕又是统计在一张张纸上面，不断的重复处理，最终有个结果给最高层作为参考，这个模式在互联网没有出现之前，是一种常见的事情，信息管理的效率提不上去，人多不一定力量大，因为人多肯定更加消耗资源，并且因为人类需要休息，需要管理，思想会不统一，会偷懒，所以人们研究出专门帮助人们计算的机器，就是计算机的前身，到了互联网时代，人们发现完全可以让程序供应商提供解决方案，自己挑选自己合适的方案来提高自己的产出比。所以在日常工作和生活中会发现各种各样方便人们的工具。

本课题研发的电商平台，就是提供商品交易信息处理的解决方案，它可以短时间处理完信息，并且这些信息都有专门的存储设备，而且数据的备份和迁移都可以设定为无人值守，从人力角度和信息处理角度以及信息安全角度，电商平台是完胜传统纸质操作的。

系统流程

电商平台投入使用后，使用者如果能看到相应的流程操作图会提高程序的理解能力。

操作流程

使用者在操作电商平台中，应该按照本系统提供的操作流程（图3.1即为本系统的操作流程图）进行操作，可以减少操作失误，从而节省进入电商平台的时间。

图3.1 系统操作流程

登录流程

电商平台通过登录功能（图3.2即为其登录的流程）引导使用者进入指定的功能操作区，也避免非本系统的用户享受本系统提供的服务以及查看本系统提供的信息，进而保证用户安全。

图3.2 登录流程

删除信息流程

电商平台在经过长期使用后，会产生很多的数据信息。为了腾出存储空间存放更多的数据，本系统数据库中存储的数据，一些没有参考价值的数据需要进行删除（图3.3即为删除信息的流程），删除数据过程中，为避免误删，使用者要根据系统的提示来决定是否删除数据。

图3.3 删除信息流程

添加信息流程

电商平台提供可视化的功能操作区，非常方便使用者进行数据操作，当使用者往系统中录入数据时（图3.4即为添加信息的流程），本系统也会进行数据合法性的判断，符合要求的数据才能够在数据库指定表中进行登记。

图3.4 添加信息流程

功能需求

电商平台根据使用权限的角度进行功能分析，并运用用例图来展示各个权限需要操作的功能。

图3.5即为管理员用例图，管理员权限操作的功能包括管理商家，管理商家星级信息，管理用户，管理商品等。

图3.5 管理员用例图

图3.6即为商家用例图，商家权限操作的功能包括管理商品，回复商品评价，管理商品订单等。

图3.6 商家用例图

图3.7即为用户用例图，用户权限操作的功能包括查看商家，购买商品，提交订单，管理商品订单等。

图3.7 用户用例图

用户对着浏览器操作，肯定会出现某些不可预料的问题，但是不代表着系统对于用户在浏览器上的操作不进行处理，所以说，要提前考虑可能会出现的问题。

系统设计思想

系统设计，肯定要把设计的思想进行统一，只有统一的思想才能指导程序的开发，并且可以让众多的程序开发人员更快速的进入状态，提高开发速度。根据当前系统的既定需求，下面将进行本系统设计思想的阐述。

(1)扩展性：开发任何一个系统的时候不可避免要考虑这个问题。软件版本的更迭是一种常识，任何一个软件都不会一次性开发就成永恒，软件是一个不断成长的东西。所以考虑问题的时候需要对当前问题进行数据上的扩大化，然后进行归纳整理，最终形成具有一定扩展性的程序。程序的可扩展性必然会影响开发进度，所以最终需要综合评估程序的可扩展程度，进而有的放矢，循序开发。

(2)实用性：程序设计是一个先高屋建瓴式的设想，然后再具体化，实用性就是具体化的第一个步骤，要充分考虑使用者是不懂程序设计的这一点，使用者只是懂得常规性的上网操作步骤，并不需要对程序进行理解，所以一定要让使用者感觉到便利，感觉到实用性的存在，如果使用者使用程序过程中没发现使用程序的好处，那么程序设计的实用性将大大降低。

(3)安全性：当使用者使用的过程中，会产生大量的相关数据，这些数据必须有安全性的保证，否则当使用者发现数据出现问题的原因是程序设计问题的时候，将会对程序开发者失去信任，甚至可能会产生大量的费用赔偿问题，这是一个不可避免的问题。所以安全性关系开发与使用者双方的经济利益，程序的安全性是一定要保证的。

(4)先进性：程序设计的先进性是开发者进行考虑的，必须要在满足系统功能的前提下，必须要选择好当下最合适的技术。最合适的技术要从开发成本，使用成本以及维护成本里面综合分析，经过综合分析后要让技术实现最优解，保持先进的技术生产力。

(5)维护性：程序开发之初就要考虑以后的维护问题。维护是在程序开发完毕，已经上线可以运作，进入生产试用过程和使用过程中才会发现需要维护的必要。要通过各方面降低维护成本，不是说维护的越少就代表程序开发的越完美，程序既然是人类进行设计制造的，肯定有很多不可避免的问题产生，那么如何维护好程序的正常运作也是一门很重要的学问。

功能结构设计

图4.1即为设计的管理员功能结构，管理员权限操作的功能包括管理商家，管理商家星级信息，管理用户，管理商品等。

图4.1 管理员功能结构

图4.2即为设计的商家功能结构，商家权限操作的功能包括管理商品，回复商品评价，管理商品订单等。

图4.2 商家功能结构

图4.3即为设计的用户功能结构，用户权限操作的功能包括查看商家，购买商品，提交订单，管理商品订单等。

图4.3 用户功能结构

数据库设计

电商平台运行中产生的数据需要按照提前设置的存储规则进行保存，设计出一个符合项目的最优数据存储格式，因为它能减少用户的等待时间，还可以对系统的请求在最短时间内进行响应。所以，对数据库设计时，需要对功能需求进行详细的拆分，以及对业务状态的细分，然后设计具体的存储规则，保证数据库能正常运作，缩短数据处理时间，并在一定程度上降低数据冗余，节省存储空间。

数据库概念设计

实体-联系图还有一个名称即E-R图，是Entity Relationship Diagram各英文单词首字母的缩写，它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体，联系，属性的有效手段。绘制E-R图能够选择的工具也有很多，但是Office Visio 这款软件在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）图4.8即为上面介绍的实体中存在的联系。

图4.8 实体间关系E-R图

数据库物理设计

本小节主要任务即是根据上述内容进行数据存储结构的设计，实体的属性就用来表示字段名称，不同的字段表示的数据类型以及取值都不相同，以及该表各个字段是否能够保持空等进行说明，设计完成一张数据表的结构之后，在保存时同样要命名，尽量选择英文名称进行命名并保存，还不容易导致系统出错。接下来就对设计的表进行简单说明。

表4.1 收货地址表

字段

注释

类型

空

id (主键)

主键

int(20)

否

yonghu_id

创建用户

int(20)

否

address_name

收货人

varchar(200)

否

address_phone

电话

varchar(200)

否

address_dizhi

地址

varchar(200)

否

isdefault_types

是否默认地址

int(11)

否

insert_time

添加时间

timestamp

否

update_time

修改时间

timestamp

否

create_time

创建时间

timestamp

否

表4.2 购物车表

字段

注释

类型

空

id (主键)

主键

int(11)

否

yonghu_id

所属用户

int(11)

是

goods_id

商品

int(11)

是

buy_number

购买数量

int(11)

是

create_time

添加时间

timestamp

是

update_time

更新时间

timestamp

是

insert_time

创建时间

timestamp

是

表4.3 商品表

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangjia_id

商家

int(11)

是

goods_name

商品名称

varchar(200)

是

goods_photo

商品照片

varchar(200)

是

goods_types

商品类型

int(11)

是

goods_kucun_number

商品库存

int(11)

是

goods_old_money

商品原价

decimal(10,2)

是

goods_new_money

现价

decimal(10,2)

是

goods_clicknum

点击次数

int(11)

是

shangxia_types

是否上架

int(11)

是

goods_delete

逻辑删除

int(11)

是

goods_content

商品简介

text

是

create_time

创建时间

timestamp

是

表4.4 商品评价表

字段

注释

类型

空

id (主键)

主键

int(11)

否

goods_id

商品

int(11)

是

yonghu_id

用户

int(11)

是

goods_commentback_text

评价内容

text

是

reply_text

回复内容

text

是

insert_time

评价时间

timestamp

是

update_time

回复时间

timestamp

是

create_time

创建时间

timestamp

是

表4.5 商品订单表

字段

注释

类型

空

id (主键)

主键

int(11)

否

goods_order_uuid_number

订单号

varchar(200)

是

address_id

送货地址

int(11)

是

goods_id

商品

int(11)

是

yonghu_id

用户

int(11)

是

buy_number

购买数量

int(11)

是

goods_order_courier_number

快递单号

varchar(200)

是

goods_order_courier_name

快递公司

varchar(200)

是

goods_order_true_price

实付价格

decimal(10,2)

是

goods_order_types

订单类型

int(11)

是

goods_order_payment_types

支付类型

int(11)

是

insert_time

订单创建时间

timestamp

是

create_time

创建时间

timestamp

是

表4.6 公告信息表

字段

注释

类型

空

id (主键)

主键

int(11)

否

news_name

公告标题

varchar(200)

是

news_photo

公告图片

varchar(200)

是

news_types

公告类型

int(11)

否

news_content

公告详情

text

是

create_time

创建时间

timestamp

是

表4.7 商家表

字段

注释

类型

空

id (主键)

主键

int(11)

否

username

账户

varchar(200)

是

password

密码

varchar(200)

是

shangjia_name

商家名称

varchar(200)

是

shangjia_phone

联系方式

varchar(200)

是

shangjia_email

邮箱

varchar(200)

是

shangjia_photo

营业执照展示

varchar(200)

是

shangjia_xingji_types

商家星级类型

int(11)

是

new_money

现有余额

decimal(10,2)

是

shangjia_content

商家简介

text

是

shangjia_delete

逻辑删除

int(11)

是

create_time

创建时间

timestamp

是

表4.8 管理员表

字段

注释

类型

空

id (主键)

主键

bigint(20)

否

username

用户名

varchar(100)

否

password

密码

varchar(100)

否

role

角色

varchar(100)

是

addtime

新增时间

timestamp

否

表4.9 用户表

字段

注释

类型

空

id (主键)

主键

int(11)

否

username

账户

varchar(200)

是

password

密码

varchar(200)

是

yonghu_name

用户姓名

varchar(200)

是

yonghu_phone

用户手机号

varchar(200)

是

yonghu_id_number

用户身份证号

varchar(200)

是

yonghu_photo

用户头像

varchar(200)

是

sex_types

性别

int(11)

是

yonghu_email

电子邮箱

varchar(200)

是

new_money

余额

decimal(10,2)

是

create_time

创建时间

timestamp

是

管理员功能实现

公告信息管理

图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 商品订单界面