基于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 用户用例图

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

功能结构设计

图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)

是

shangpin_id

商品

int(11)

是

buy_number

购买数量

int(11)

是

create_time

添加时间

timestamp

是

update_time

更新时间

timestamp

是

insert_time

创建时间

timestamp

是

表4.3 公告表

字段

注释

类型

空

id (主键)

主键

int(11)

否

gonggao_name

公告名称

varchar(200)

是

gonggao_photo

公告图片

varchar(200)

是

gonggao_types

公告类型

int(11)

否

insert_time

公告发布时间

timestamp

是

gonggao_content

公告详情

text

是

create_time

创建时间

timestamp

是

表4.4 商铺表

字段

注释

类型

空

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

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangjia_id

商铺

int(11)

是

shangpin_uuid_number

商品编号

varchar(200)

是

shangpin_name

商品名称

varchar(200)

是

shangpin_photo

商品照片

varchar(200)

是

shangpin_types

商品类型

int(11)

是

shangpin_kucun_number

商品库存

int(11)

是

shangpin_price

购买获得积分

int(11)

是

shangpin_old_money

商品原价

decimal(10,2)

是

shangpin_new_money

现价/积分

decimal(10,2)

是

shangpin_clicknum

点击次数

int(11)

是

shangpin_content

商品介绍

text

是

shangxia_types

是否上架

int(11)

是

shangpin_delete

逻辑删除

int(11)

是

create_time

创建时间

timestamp

是

表4.6 商品收藏表

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangpin_id

商品

int(11)

是

yonghu_id

用户

int(11)

是

shangpin_collection_types

类型

int(11)

是

insert_time

收藏时间

timestamp

是

create_time

创建时间

timestamp

是

表4.7 商品评价表

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangpin_id

商品

int(11)

是

yonghu_id

用户

int(11)

是

shangpin_commentback_text

评价内容

text

是

insert_time

评价时间

timestamp

是

reply_text

回复内容

text

是

update_time

回复时间

timestamp

是

create_time

创建时间

timestamp

是

表4.8 商品订单表

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangpin_order_uuid_number

订单号

varchar(200)

是

address_id

收货地址

int(11)

是

shangpin_id

商品

int(11)

是

yonghu_id

用户

int(11)

是

buy_number

购买数量

int(11)

是

shangpin_order_true_price

实付价格

decimal(10,2)

是

shangpin_order_courier_name

配送人

varchar(200)

是

shangpin_order_courier_number

配送人联系方式

varchar(200)

是

shangpin_order_types

订单类型

int(11)

是

shangpin_order_payment_types

支付类型

int(11)

是

insert_time

订单创建时间

timestamp

是

create_time

创建时间

timestamp

是

表4.9 管理员表

字段

注释

类型

空

id (主键)

主键

bigint(20)

否

username

用户名

varchar(100)

否

password

密码

varchar(100)

否

role

角色

varchar(100)

是

addtime

新增时间

timestamp

否

表4.10 用户表

字段

注释

类型

空

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)

是

yonghu_sum_jifen

总积分

decimal(10,2)

是

yonghu_new_jifen

现积分

decimal(10,2)

是

huiyuandengji_types

会员等级

int(11)

是

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.3.3 确认下单

图5.10 即为编码实现的确认下单界面，用户在确认下单界面中可以提交订单，前提是检查购买的物品以及收货的地址信息等是否正确。

图5.10 确认下单界面

5.3.4 商品订单

图5.11 即为编码实现的商品订单界面，用户在商品订单界面中可以退款，可以收货，可以评价订单等。

图5.11 商品订单界面