基于java+springboot+vue实现的宠物商城网站（文末源码+Lw）273

摘    要

传统信息的管理大部分依赖于管理人员的手工登记与管理，然而，随着近些年信息技术的迅猛发展，让许多比较老套的信息管理模式进行了更新迭代，商品信息因为其管理内容繁杂，管理数量繁多导致手工进行处理不能满足广大用户的需求，因此就应运而生出相应的宠物商城网站。

本宠物商城网站分为管理员还有用户两个权限，管理员可以管理用户的基本信息内容，可以管理汽车信息以及汽车的租赁信息，能够与用户进行相互交流等操作，用户可以查看商品信息，可以查看公告以及查看管理员回复信息等操作。

该宠物商城网站采用的是WEB应用程序开发中最受欢迎的B/S三层结构模式，使用占用空间小但功能齐全的MySQL数据库进行数据的存储操作，系统开发技术使用到了JSP技术。该宠物商城网站能够解决许多传统手工操作的难题，比如数据查询耽误时间长，数据管理步骤繁琐等问题。总的来说，宠物商城网站性能稳定，功能较全，投入运行使用性价比很高。

关键词：宠物商城网站；MySQL数据库；SSM技术

第四章 系统设计

4.1 总体功能

宠物商城网站是根据需求定制开发，开发软件选用Myeclipse平台配合MySQL数据库进行开发环境的搭建操作，网站采用WEB应用程序中最流行的B/S结构进行开发，用户访问系统数据仅仅需要在客户端安装谷歌浏览器或者是当下常用浏览器就可以访问网站内容。

 4.2 系统模块设计

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

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

图4.1 管理员功能结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

4.3.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 商品评价实体属性图

（9）下图是商品订单实体和其具备的属性。

图4.9 商品订单实体属性图

（10）下图是收货地址实体和其具备的属性。

图4.10 收货地址实体属性图

4.3.3 数据库表设计

数据库里面的数据表存放的就是各种数据记录，我们在进行系统增删改查操作时，其实也是在对应数据表里面进行的增删改查操作，一个好的数据库能够缩短信息处理时间，所以说数据库的设计工作不容小觑，数据库里面设置哪些表，表里面的字段设计以及字段类型和字段长度等信息都要考虑周到才行，比如时间这个字段，它的数据类型就不能是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	baike_name	String	百科名称	是
3	baike_photo	String	百科图片	是
4	baike_types	Integer	百科类型	是
5	insert_time	Date	百科发布时间	是
6	baike_content	String	百科详情	是
7	create_time	Date	创建时间	是

表4.3购物车表

序号	列名	数据类型	说明	允许空
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.4字典表

序号	列名	数据类型	说明	允许空
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.5论坛表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	forum_name	String	帖子标题	是
3	yonghu_id	Integer	用户	是
4	laoshi_id	Integer	老师	是
5	users_id	Integer	管理员	是
6	forum_content	String	发布内容	是
7	super_ids	Integer	父id	是
8	forum_types	Integer	帖子类型	是
9	forum_state_types	Integer	帖子状态	是
10	insert_time	Date	发帖时间	是
11	update_time	Date	修改时间	是
12	create_time	Date	创建时间	是

表4.6留言版表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yonghu_id	Integer	用户	是
3	liuyan_name	String	留言标题	是
4	liuyan_text	String	留言内容	是
5	reply_text	String	回复内容	是
6	insert_time	Date	留言时间	是
7	update_time	Date	回复时间	是
8	create_time	Date	创建时间	是

表4.7商品表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	shangpin_name	String	商品名称	是
3	shangpin_photo	String	商品照片	是
4	shangpin_types	Integer	商品类型	是
5	shangpin_kucun_number	Integer	商品库存	是
6	shangpin_price	Integer	购买获得积分	是
7	shangpin_old_money	BigDecimal	商品原价	是
8	shangpin_new_money	BigDecimal	现价/积分	是
9	shangpin_clicknum	Integer	点击次数	是
10	shangxia_types	Integer	是否上架	是
11	shangpin_delete	Integer	逻辑删除	是
12	shangpin_content	String	商品简介	是
13	create_time	Date	创建时间	是

表4.8商品收藏表

序号	列名	数据类型	说明	允许空
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.9商品评价表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	shangpin_id	Integer	商品	是
3	yonghu_id	Integer	用户	是
4	shangpin_commentback_text	String	评价内容	是
5	reply_text	String	回复内容	是
6	insert_time	Date	评价时间	是
7	update_time	Date	回复时间	是
8	create_time	Date	创建时间	是

表4.10商品订单表

序号	列名	数据类型	说明	允许空
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.11用户表

序号	列名	数据类型	说明	允许空
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	yonghu_sum_jifen	BigDecimal	总积分	是
9	yonghu_new_jifen	BigDecimal	现积分	是
10	huiyuandengji_types	Integer	会员等级	是
11	create_time	Date	创建时间	是

表4.12管理员表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	username	String	用户名	是
3	password	String	密码	是
4	role	String	角色	是
5	addtime	Date	新增时间	是

第五章 系统实现

5.1 管理员功能模块的实现

5.1.1 商品列表

如图5.1显示的就是商品列表页面，此页面提供给管理员的功能有：查看商品、新增商品、修改商品、删除商品等。

图5.1 商品列表页面

5.1.2 商品收藏管理

管理员可以对商品收藏进行管理，可以设置查看所有用户的收藏,可以删除某个用户的收藏。商品收藏管理界面如图5.2所示。

图5.2 商品收藏管理页面

5.1.3 百科类型管理

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

图5.3百科类型管理界面

点击领取源码