【个人作品案例展示】基于 SpringBoot+VUE 的综合电商网站设计与实现-定稿

摘 要
在互联网技术高速发展的时代下，在线购物在现在看来不再是一件很奇怪的事情。同时，由于国内经济的高速发展，人们生活水平不断提高，越来越多的人开始尝试在线进行购物。目前很多电商商家，对于商品信息的管理主要还是传统的人工方式进行管理，其商品管理效率低下且管理工作极为繁琐，或者商品信息管理不及时，就会对用户的在线购物体验带来不好的影响。本课题的开发，就是在这样的背景下产生的。
在对国内外类似的电商网站进行对比分析之后，本文根据当前用户在线购物的需求设计并实现了一个综合电商网站。在系统功能实现上，在Java技术使用上，系统后台后台功能模块的使用上使用SpringBoot框架进行编码实现，交互页面效果渲染通过使用Vue框架进行编码实现。结合前期实际的用户在线购物需求，本系统能够便于用户可以更好的进行在线购物以及后台管理员可以更好的对系统中商品信息进行高效管理。
在综合电商网站开发完成之后，对系统的所有功能进行了功能测试。经过系统功能的测试，均达到了预期的设计目标。本系统的开发，可以给用户提供一个很好的在线购物平台。
关键词：电商；购物；Java；SpringBoot；Vue

Abstract
In the era of rapid development of Internet technology, online shopping is no longer a very strange thing. Meanwhile, due to the rapid development of the domestic economy and the continuous improvement of people’s living standards, more and more people are beginning to try shopping online. At present, many e-commerce merchants mainly rely on traditional manual methods for managing product information. The efficiency of product management is low and the management work is extremely cumbersome. If product information management is not timely, it will have a negative impact on the online shopping experience of users. The development of this project was born in this context.
After comparing and analyzing similar e-commerce websites both domestically and internationally, this article designs and implements a comprehensive e-commerce website based on the current online shopping needs of users. In terms of system function implementation, Java technology is used, and the use of system backend functional modules is encoded using the SpringBoot framework. The rendering of interactive page effects is encoded using the Vue framework. Based on the actual online shopping needs of users in the early stage, this system can facilitate better online shopping for users and enable backend administrators to efficiently manage product information in the system.
After the development of the comprehensive e-commerce website was completed, all functions of the system were tested. After testing the system functions, all achieved the expected design goals. The development of this system can provide users with a great online shopping platform.
Keywords:E-commerce; Shopping; Java; SpringBoot; Vue

1 绪论
在本章中主要对综合电商网站的研究背景等内容来进行分析,结合本课题现实应用的场景,找到本课题未来需要重点解决的方向,同时重点对主要研究内容等方面来进行介绍。
1.1 研究背景
近几年来，随着我国经济的高速发展，人们生活水平的不断提高，越来越多的网购用户开始尝试，通过各种信息化应用购买各种各样的商品。目前很多电商商家，对于自己销售的商品，其日常的管理方式主要还是依托传统的人工方式进行管理，其商品管理效率低下且流程较为。商品信息稍有一丁点差错，对用户的在线购物体验就会带来不好的影响。面对上述问题的发生，需要开发一套综合电商网站对其进行协助解决。
近几年来，计算机技术在空前的发展，各种以计算机技术为主导的应用进入到了我们日常的生活、工作中。综合运用计算机技术，以取代传统的人工管理方式，推进商品信息管理向信息化的转型，设计并开发综合电商网站，能更从容地解决传统管理方式中所出现的各种问题状况。
1.2 研究目的及意义
基于SpringBoot+VUE的综合电商网站，是使用当前最先进的Java语言来进行功能模块编码实现的。本系统可以实现用户在系统前台能够查看详细的商品信息，当遇到自己喜欢的商品时候，可以直接对商品进行下单购买等操作。后台管理员作为综合电商网站的最高用户权限的角色，在本系统中，能够看到所有功能模块的数据信息，能够对自己正在销售的商品信息等进行维护管理。
基于SpringBoot+VUE的综合电商网站的功能开发，通过这样的功能设计能够取得三个方面的研究意义。对于后台管理员来说，能够让商品有多样化的销售渠道，可以提高商品销售的经济效益。同时，所有的商品信息通过系统进行管理，可以提高管理员对商品的管理效率。对于前台的用户来说，能够快速的查看商品的详细信息，“足不出户”就可以买到自己喜欢的商品信息。对于本人来说，可以将系统涉及的相关技术学以致用，提高编码能力和动手能力，为今后从事相关的工作打下扎实的基础。
1.3 国内外研究现状
国外电商网站最早在1995年的时候，亚马逊在线购物平台在美国西部就已经成立了。从1995年以后，这种以计算机技术信息化实现的电商购物交易的方式，能够迅速遍及全球的所有城市。在国外的一份报告中显示，在2011年到2016年的这五年当中，全球在线电商购物的交易额从最开始的0.86万亿美元直接增涨到了现在的1.92亿美元。国外电商网站发展情况是对国家之间的经济情况来进行决定的，中东、拉丁美洲及北非地区发展规模较小。
国内的电子商务相比较于国外的话，起步还是相对来说比较晚的。国内的电商网站最早是阿里巴巴是在1998年的时候就已经成了了，淘宝网是在2003年的时候崛起发展起来，这种购物网站，直接改变了多数人的在线购物方式。2022年我国电商交易额直接是达到了42.93万亿，在线网购用户规模已经达到了8.4亿人次。在国内，很多公司以及个人，都在通过淘宝等平台进行商品的在线销售，每年通过这种销售方式，获得的利润是很客观的。
1.4 主要研究内容
本课题的实现目标是实现一个基于SpringBoot+Vue的综合电商网站。结合自己对当前用户在线购物需求以及计算机知识的了解，拟决定使用Java语言作为系统功能模块实现的编码语言，通过使用SpringBoot框架对后台的功能模块进行编码实现，使用Vue框架实现对系统中的交互页面效果进行渲染。最终本系统实现用户跟管理员两个用户角色，实现用户可以查看系统中的商品信息并进行下单购买等相关的操作。管理员作为本系统中的最高用户权限角色，可以实现对商品信息等功能进行维护管理。综合电商网站，在功能上最终实现了商品信息管理、订单管理等功能模块。
根据当下用户在线购物的用户需求，本系统嵌套应用主要是采用的架构是一种基于B/S架构的进行功能的设计。同时，对目前市面上相关的电商系统的优势和不足进行比较，得出综合电商系统的主要功能是商品信息管理、订单管理等功能模块的实现。
1.5论文结构
本篇论文总共为七章内容，每章的具体内容结构安排如下：
第一章绪论。介绍综合电商网站的研究相关的背景等内容进行具体分析说明。
第二章相关技术介绍。在本章节主要简要描述综合电商网站功能模块实现涉及的一些技术。
第三章需求分析。本章中主要描述综合电商网站的需求分析、可行性分析等内容进行分析。
第四章系统设计。本章节主要从综合电商网站的系统功能模块设计等内容进行描述。
第五章系统实现。详细描述了综合电商网站的功能模块实现环境以及主要功能模块的具体实现。
第六章 系统测试。该章节简要描述了综合电商网站的系统测试目的以及主要功能模块的测试等内容来进行具体的描述。
第七章 总结与展望。主要是对本篇论文的撰写以及总结等内容。
1.6 本章小结
本章中根据综合电商网站课题相关的选题背景及选题意义进行描述，明确本课题为什么开发以及可以解决什么问题。其次，明确本课题的国内外研究现状，明确本课题最新的研究现状，为后续功能设计做好铺垫。最后，通过主要研究内容的分析，理清本课题具体需要做哪些事儿。

2 相关理论和技术
在综合电商网站功能模块具体实现技术涉及方面，使用vue前端框架进行了页面效果渲染开发的交互接口。服务器端，主要采用了Java语言和SpringBoot的框架以及对MySQL数据库技术开发后台支持等。
2.1 Java语言
Java语言最早是由Sun公司在1995年推出的计算机编程语言，在多年的实际发展中，继承了现状大部分计算机编程语言的一些优点。Java语言在项目开发过程中，主要是基于面向对象思想的来进行项目的开发。Java语言不仅可以吸收并接纳C++语言的一些优势，又对C++语言的一些缺点进行了直接放弃。Java计算机语言开发的项目，项目具有分布式等的特点，开发的计算机信息化应用主要有安卓应用、网站开发等其他相关的应用。
2.2 SpringBoot框架
SpringBoot框架的设计团队最早主要是由Pivotal团队开发的一款Java应用的后端框架，该框架开发以及应用的目的是能够简化Spring框架在项目中的繁琐配置信息。通过 SpringBoot框架这种特殊的配置方式进行项目的开发，可以提高项目功能模块的开发效率以及缩短项目开发的周期。SpringBoot框架在自身的项目开发中，也会直接存在一些优点：1.等于在项目中直接创建了一个单独的Spring应用程序；2.相比于之前的项目开发，能够比较直观的简化Maven配置。
2.3 Vue框架
Vue框架是可以对项目用户操作界面效果进行渲染的前端应用框架，在系统中的效果设计，主要是通过采取自底向上的增量开发思想对其效果进行设计，在项目功能模块数据的传输上向用户提供了MVVM的业务数据双向绑定思想。Vue框架在项目页面效果开发的主要特点是：1.Vue框架向用户的功能模块提供了数据的双向绑定进行传输的效果；2.Vue框架在项目的数据管理是通过路由的方式来进行管理。
2.4 MySQL数据库
本系统所开发的综合电商网站所使用到的底层数据库都是来自MySQL数据库,主要是由于MySQL在项目中数据运行速度是比较快，对于平时开发使用到的开发平台环境是任何的限制，能够被广泛的应用在企业级项目的开发中。 MySQL数据库不是将系统中的所有数据放在一起,而是把系统中同一个数据库的数据分别存放在不同的数据库表格中，MySQL数据库是作为现在为数不多的一种关联性数据库的管理系统,可以有效快速地去提升数据处理存储的速度，并且这样可以让数据库的灵活度得到提高。
2.5 IDEA开发工具
IDEA开发工具是目前可以直接进行Java语言项目功能编码实现的工具之一，也是目前在Java程序功能模块编码实现中最理想的开发工具。IDEA开发工具在项目中，能够在项目开发中支持智能的且便捷实用的代码助手等方面的功能都是非常不错的。IDEA开发工具在项目中，给开发人员提倡智能的编码，能够最大限度的减少系统在功能模块设计上的工作量。
2.6 Elementui
ElementUi技术是由国内的饿了么团队对前端页面渲染的一套组件库，该组件库基于Vue 2.0开发的一套应用在桌面端的组件库。通俗的来说ElementUi技术是一个基于Vue框架开发的前端Ui页面效果的应用框架，开发出来的页面效果适用于PC端，该框架与前端著名的Bootstrap框架在很多用法上相似。
2.7本章小结
本章节中描述了综合电商网站功能模块开发与设计中所需要用到的相关技术，主要介绍了IDEA开发工具、SpringBoot框架框架相关知识等知识进行概述，为后续开发综合电商网站所有的功能做好技术层次的准备工作，也是为了能够更好的进行开发。

3 系统需求分析
在综合电商网站的整个功能模块的开发中，系统的需求分析、可行性分析是整个功能模块设计过程中的核心阶段，系统需求分析是指导系统最早设计实现的方案。
3.1 可行性分析
可行性分析是对综合电商网站功能模块开发设计之前，针对本课题系统开发所涉及到的经济、技术、操作等角度来进行全面的分析。通过这种可行性分析可以提前了解系统在开发过程中可能会遇到的一些问题，避免后续在系统设计的过程中做了无用功。
3.1.1 技术可行性
本系统开发功能模块所用到的计算机技术主要将涉及SpringBoot框架、Vue框架等相关的技术来进行功能开发。这些技术目前在网上也有开源的源代码，本人也在大学里面对其进行系统的学习过，能够准确的知道如何使用这些技术进行功能模块的开发与设计。
3.1.2 经济可行性
经济可行性主要是对开发本系统的功能需要的经济支出来进行分析。首先需要用到的笔记本电脑和移动手机，这些东西自己本身就有，不需要额外进行购买。其次，系统功能开发所涉及到的Java技术均开源的，可以直接拿来即用，不需要任何经济上的支出。因此，开发整个系统功能的经济花费是比较小的。
3.1.3 操作可行性
本系统在最开始设计的时候，就已经考虑到了用户使用系统功能的操作。通过这样的设计，可以保证系统的界面效果是比较友好简洁的。用户在使用本系统功能模块的时候，能够更加方便快捷直接就能进行系统的使用，可以让用户取得很好的体验感。在操作逻辑上很简单，比较大众化的按钮操作，不同的用户群体使用本系统时，不需要花费太多的时间，可以直接上手。
3.2 系统功能需求分析
基于SpringBoot+VUE的综合电商网站，由前台用户端和后台管理员端两部分来组成的。前台用户端主要是通过使用系统前台功能，可以实现对系统中的所有商品信息进行查看以及购买等相关的操作。后台管理员作为综合电商网站的最高用户权限角色，可以实现对系统中的用户信息、商品信息等进行维护管理。
后台管理员端模块用例图如图3.1所示，前台用户端模块用例图3.2所示。

图3.1 后台管理员端模块用例图

图3.2 前台用户端模块用例图
3.2.1 用户管理模块的功能需求
在用户管理的功能需求中，需要能够满足管理员可以通过用户管理的新增页面，对用户账号的用户名等信息进行新增，还能对目前存在系统中的用户账号信息进行修改以及其他相关的操作。
3.2.2商品分类管理模块的功能需求
商品分类管理的功能需求主要是需要满足管理员可以对商品分类的名称信息进行新增，还能对已经在系统中存在的商品分类名称信息进行修改以及其他相关的操作。
3.2.3商品信息管理模块的功能需求
商品信息管理的功能需求满足管理员可以新增商品信息的商品名称、单限等相关的信息，还能实现对正在销售的商品信息进行修改以及删除等相关的操作。用户在前台可以查看商品信息的名称以及价格等信息进行查看，可以实现对商品信息的购买以及将商品信息加入购物车等操作。
3.2.4订单管理模块的功能需求
订单管理的功能需求是需要满足管理员可以查看用户购买的订单信息，还能对已经存在的订单信息进行修改以及发货等相关的操作。用户在前台个人中心中，对订单信息可以进行查看以及其他相关的操作，能够了解最新的订单状态。
3.2.5购物车模块的功能需求
购物车的功能需求需要满足用户可以查看购物车的商品信息，还能对购物车的商品数量进行增加以及递减或是对商品进行购买操作。购物车的商品指用户在浏览商品的时候待支付的商品。
3.2.6产品资讯管理模块的功能需求
产品资讯管理功能需求需要满足管理员可以通过产品资讯的新增页面，对产品资讯的标题、简介等内容进行新增，还能对目前已经存在系统中的产品资讯信息进行修改以及删除等相关的操作。用户在综合电商网站的前台，可以查看具体的产品资讯信息，能够对相关资讯信息进行了解。
3.3 系统非功能性需求
3.3.1 系统易用性的需求
综合电商网站需要具有安全易用、操作简单、用户友好等相关的特点，方便广大用户可以直接快速使用相关的系统功能模块，不需要花费大量的时间来进行学习。
3.3.2 系统安全性的需求
综合电商网站需要保证用户在操作页面的数据信息安全，其中包括用户信息等相关的信息。本系统具有对使用者有权限控制，针对角色的不同限制使用者的权限，以此来确保系统的安全性
3.3.3 系统可靠性的需求
综合电商网站的计算机相关知识的数据均来源于专业教师的总结，所有功能模块数据具有可靠性，可以很好的帮助用户进行在线购物。
3.4 系统流程分析
3.4.1 数据开发流程
在开发班级同学录的时候，首先需要对本课题的用户需求进行分析，其次，需要对系统的功能模块以及数据库进行设计，接下来就是对系统的功能进行编码实现。系统开发流程图如图3.3所示。

图3.3 系统开发流程图
3.4.2 用户登录流程
在班级同学录系统中，所有的用户跟管理员角色，要想使用本系统的功能，就需要先使用账号信息进行登录。用户通过账号信息进行登录，也需要保证用户账号信息能够安全的进行操作。用户登录流程图如图3.4所示。

图3.4 用户登录流程图
3.4.3 用户操作流程
用户登录系统之后，就可以对角色赋予的系统功能进行相对应操作。用户对功能模块进行操作，比如对功能的数据信息进行新增以及其他相关的操作。用户操作流程图如图3.5所示。

图3.5 用户操作流程图
3.4.4新增信息流程
用户在操作系统功能的时候，可以直接对系统功能数据信息页面数据进行新增。当数据信息新增信息成功之后，用户才能看到对应的数据信息。新增信息流程图如图3.6所示。

图3.6 新增信息流程图
3.4.5删除信息流程
当用户在操作系统功能的时候，如果想对数据信息进行删除，可以点击删除按钮进行删除信息。当使用鼠标点击删除按钮，系统页面会提示是否删除信息，点击确定，则信息被删除，数据库中的信息随之删除。删除信息流程图如图3.7所示。

图3.7 删除信息流程图
3.4.6修改信息流程
当用户查看综合电商网站的商品数据信息的时候，可以直接对相关的数据信息进行修改，便于保证数据的准确性。修改信息流程图如图3.8所示。

图3.8 修改信息流程图
3.5 本章小结
本章首先从综合电商网站的技术可行性要求等方面分析系统需要分析当下的音乐相关的需求，为后期系统的功能设计做好基础。

4 系统总体设计
系统设计主要讨论的对综合电商网站的系统架构设计、系统的功能模块设计以及系统数据库设计等方面来进行具体的描述。
4.1 系统架构设计
本系统在架构设计上，将使用B/S架构来进行开发与设计，将系统中对应的业务来进行分离的方式对项目进行开发，将业务分离之后的逻辑从系统用户操作界面中进行解耦出来，可以更好的对项目中的业务逻辑进行有效控制。B/S架构图如图4-1所示。

图4-1 B/S架构图
4.2 系统总体功能设计
综合电商网站按照当初用户的实际在线购物需求，将系统中的用户角色，划分为两大类，分别是前台喜欢购物的用户和后台的管理员。前台喜欢购物的用户主要是可以实现对系统中的所有商品信息进行查看，当看到有自己喜欢的商品后，可以直接对商品信息进行下单购买等相关的操作。后台的管理员管理员作为综合电商网站的最高用户权限角色，可以查看到系统中所有的功能模块的数据信息，比如可以实现对用户的账号信息等相关的信息进行修改以及其他相关的操作。在综合电商网站中将实现用户管理、商品信息管理等功能模块。系统的总体功能模块图如图4.2所示。

图4-2 系统总体功能模块图
4.3 系统功能模块设计
4.3.1 用户管理模块的设计
在用户管理的功能设计中，需要能够实现管理员可以通过用户管理的新增页面，对用户账号的用户名等信息进行新增，还能对目前存在系统中的用户账号信息进行修改以及其他相关的操作。
4.3.2商品分类管理模块的设计
商品分类管理的功能设计主要是需要实现管理员可以对商品分类的名称信息进行新增，还能对已经在系统中存在的商品分类名称信息进行修改以及其他相关的操作。
4.3.3商品信息管理模块的设计
商品信息管理的功能需求满足管理员可以新增商品信息的商品名称、单限等相关的信息，还能实现对正在销售的商品信息进行修改以及删除等相关的操作。用户在前台可以查看商品信息的名称以及价格等信息进行查看，可以实现对商品信息的购买以及将商品信息加入购物车等操作。
4.3.4订单管理模块的功能设计
订单管理的功能需求是需要实现管理员可以查看用户购买的订单信息，还能对已经存在的订单信息进行修改以及发货等相关的操作。用户在前台个人中心中，对订单信息可以进行查看以及其他相关的操作，能够了解最新的订单状态。
3.3.5购物车模块的功能设计
购物车的功能需要实现用户可以查看购物车的商品信息，还能对购物车的商品数量进行增加以及递减或是对商品进行购买操作。购物车的商品指用户在浏览商品的时候待支付的商品。
3.3.6产品资讯管理模块的功能设计
产品资讯管理功能需要实现管理员可以通过产品资讯的新增页面，对产品资讯的标题、简介等内容进行新增，还能对目前已经存在系统中的产品资讯信息进行修改以及删除等相关的操作。用户在综合电商网站的前台，可以查看具体的产品资讯信息，能够对相关资讯信息进行了解。
4.4数据库设计
数据库设计是开发综合电商网站的基础，主要是通过数据库设计对需要的功能数据进行存储。数据库的每个实体之间存在的关系直接影响着后续用户操作数据库的操作效率，合理的数据库设计能够直接用户后续操作系统的关键与否。
4.4.1 数据库逻辑结构设计
系统数据库的概念设计通常都是使用E-R图来进行显示的，在在线学习系统中，涉及的业务数据比较多且复杂，因此数据库的概念设计只针对主要的实体进行说明分析。下面将对本系统中数据库逻辑结构设计进行介绍说明。
（1）用户信息实体的E-R图，如图4-3所示。

图4-3 用户信息实体的E-R图
（2）订单管理实体的E-R图，如图4-4所示。

图4-4 订单管理实体的E-R图
（3）商品信息实体的E-R图，如图4-5所示。

图4-5 商品信息实体的E-R图
（4）商品分类实体的E-R图，如图4-6所示。

图4-6 商品分类实体的E-R图
（5）购物车实体的E-R图，如图4-7所示。

图4-7 商品分类实体的E-R图
（6）产品资讯实体的E-R图，如图4-8所示。

图4-8 产品资讯实体的E-R图
4.4.2 数据库表结构设计
在系统的数据库表结构的设计中，所有业务数据之间的关系由数据库表表组成。系统的数据库表结构展示体现在数据库的字段上，本系统主要的数据库表结构如下所示。
（1）用户信息表结构，如表4-1所示。
表4-1用户信息表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 yonghuming varchar 200 否 用户名
4 mima varchar 200 否 密码
5 xingming varchar 200 否 姓名
6 xingbie varchar 200 否 性别
7 touxiang longtext 否 头像
8 nianling varchar 200 否 年龄
9 youxiang varchar 200 否 邮箱
10 shouji varchar 200 否 手机
11 money float 否 余额

（2）订单管理表结构，如表4-2所示。
表4-2订单管理表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 orderid varchar 200 否 订单编号
4 tablename varchar 200 否 商品表名
5 userid bigint 20 否 用户id
6 goodid bigint 20 否 商品id
7 goodname varchar 200 否 商品名称
8 picture longtext 否 商品图片
9 buynumber int 11 否 购买数量
10 price float 否 价格
11 discountprice float 否 折扣价格
12 total float 否 总价格
13 discounttotal float 否 折扣总价格
14 type int 11 否 支付类型
15 status varchar 200 否 状态
16 address varchar 200 否 地址
17 tel varchar 200 否 电话
18 consignee varchar 200 否 收货人
19 remark varchar 200 否 备注
20 logistics longtext 否 物流
21 goodtype varchar 200 否 商品类型

（3）商品信息表结构，如表4-3所示。
表4-3 商品信息表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 shangpinbianhao varchar 200 否 商品编号
4 shangpinmingcheng varchar 200 否 商品名称
5 shangpinfenlei varchar 200 否 商品分类
6 tupian longtext 否 图片
7 pinpai varchar 200 否 品牌
8 shangjiariqi date 否 上架日期
9 shangpinjieshao longtext 否 商品介绍
10 onelimittimes int 11 否 单限
11 alllimittimes int 11 否 库存
12 clicktime datetime 否 最近点击时间
13 price float 否 价格

（4） 商品分类表结构，如表4-4所示。
表4-4 商品分类表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 shangpinfenlei varchar 200 否 商品分类

（5） 购物车表结构，如表4-5所示。
表4-5 购物车表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 tablename varchar 200 否 商品表名
4 userid bigint 20 否 用户id
5 goodid bigint 20 否 商品id
6 goodname varchar 200 否 商品名称
7 picture longtext 否 图片
8 buynumber int 11 否 购买数量
9 price float 否 单价
10 discountprice float 否 会员价
11 goodtype varchar 200 否 商品类型

（6） 产品资讯表结构，如表4-6所示。
表4-6 产品资讯表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 title varchar 200 否 标题
4 introduction longtext 否 简介
5 picture longtext 否 图片
6 content longtext 否 内容

4.5本章小结
本章主要从综合电商网站的系统架构设计等内容进行具体的设计与描述。其中系统功能设计部分，对主要模块的具体设计思路和技术实现方法进行详细论述。数据库设计部分，主要包括数据实体属性和数据设计。系统设计工作的完成，能够为后期系统的实现做好准备。
5 系统设计
在通过对系统的分析和系统设计之后，本章将针对具体的系统功能进行详细设计与实现，在下文中将对核心模块实现为主线阐述其详细设计，最终通过程序编码实现前端界面和后端逻辑，将需求转换为可实际操作的软件产品。
5.1 系统实现环境
本课题所设计的的综合电商网站最终实现的环境，开发项目使用到的电脑为宏基(acer)笔记本电脑，具体的相关配置信息如下所示：
开发综合电商网站的电脑CPU类型：i5-8250U；
开发综合电商网站的电脑内存： 8.00GB；
开发综合电商网站的硬盘： 512GB；
开发综合电商网站电脑的操作系统： Windows10 家庭操作系统。
5.2管理员功能实现
5.2.1用户管理功能实现
在用户管理的功能设计中，需要能够实现管理员可以通过用户管理的新增页面，对用户账号的用户名等信息进行新增，还能对目前存在系统中的用户账号信息进行修改以及其他相关的操作。用户管理效果图如图5-1所示。

图5-1 用户管理效果图
用户管理的分页查询实现，通过后端代码的Page方法实现分页逻辑编码，然后整合前端的Vue框架，对用户的分页数据在页面进行回显。用户管理的分页查询后端代码实现核心代码截图如图5-2所示。

图5-2 用户管理的分页查询后端代码实现核心代码截图
5.2.2订单管理功能实现
订单管理的功能需求是需要实现管理员可以查看用户购买的订单信息，还能对已经存在的订单信息进行修改以及发货等相关的操作。其中，管理员在已支付订单处对订单的可视化数据信息进行可视化展示。订单管理效果图如图5-3所示。

图5-3 订单管理效果图
订单管理的可视化数据分析，前端部分主要是通过Vue框架进行编码实现的，在可视化数据分析的页面效果中是对Echarts进行编码实现。 订单管理的可视化数据分析前端实现核心代码截图如图5-4所示。

图5-4 订单管理的可视化数据分析前端实现核心代码截图
5.2.3商品信息管理功能实现
商品信息管理的功能实现满足管理员可以新增商品信息的商品名称、单限等相关的信息，还能实现对正在销售的商品信息进行修改以及删除等相关的操作。其中，管理员可以查看用户对商品的评论信息。商品信息管理效果图如图5-5所示。

图5-5 商品信息管理效果图
商品信息管理的页面数据遍历实现，通过后端代码的List方法进行页面数据库遍历实现，然后通过前端的Vue框架以及查询对应的数据库表，对商品信息管理的分页数据遍历展示进行具体的实现。商品信息管理的页面数据遍历实现核心代码截图如图5-6所示。

图5-6 商品信息管理的页面数据遍历实现核心代码截图
5.2.4商品分类管理功能实现
商品分类管理的功能设计主要是需要实现管理员可以对商品分类的名称信息进行新增，还能对已经在系统中存在的商品分类名称信息进行修改以及其他相关的操作。商品分类效果图如图5-7所示。

图5-7商品分类管理效果图
商品分类管理的详情实现，通过后端代码的Info方法进行页面数据详情实现，然后通过前端的Vue框架以及查询对应的数据库表，对商品分类管理的详情数据进行具体的编码实现。商品分类管理的页面详情实现核心代码截图如图5-8所示。

图5-8 商品分类管理的页面详情实现核心代码截图
5.2.5产品资讯管理功能实现
产品资讯管理功能需要实现管理员可以通过产品资讯的新增页面，对产品资讯的标题、简介等内容进行新增，还能对目前已经存在系统中的产品资讯信息进行修改以及删除等相关的操作。产品资讯管理效果图如图5-9所示。

图5-9产品资讯管理效果图
产品资讯管理的删除实现，通过后端代码的Delete方法进行页面数据详情实现，然后通过前端的Vue框架以及查询对应的数据库表，对商品分类管理的详情数据进行具体的编码实现。商品分类管理的页面详情实现核心代码截图如图5-10所示。

图5-10 产品资讯管理的页面数据删除实现核心代码截图
5.3用户功能实现
5.3.1我的订单功能实现
用户在前台个人中心中，对订单信息可以进行查看以及其他相关的操作，能够了解最新的订单状态。用户查看我的订单的数据信息，主要是查看自己购买的商品是否已经发货。我的订单效果图如图5-11所示。

图5-11我的订单效果图
我的订单页面效果实现，首先需要通过Vue框架对页面前端字段进行设计，然后整合EleentUI技术结合CSS技术对前端页面效果进行渲染。我的订单页面效果实现核心代码截图如图5-12所示。

图5-12 我的订单页面效果实现核心代码截图
5.3.2商品信息功能实现
用户在前台可以查看商品信息的名称以及价格等信息进行查看，可以实现对商品信息的购买以及将商品信息加入购物车等操作。商品信息功能也是用户使用系统前台所有功能当中的核心功能。商品信息效果图如图5-13所示。

图5-13商品信息效果图
商品信息页面效果实现，首先需要通过Vue框架对页面前端字段进行设计，然后整合EleentUI技术结合CSS技术对前端页面效果进行渲染。商品信息页面效果实现核心代码截图如图5-14所示。

图5-14商品信息页面效果实现核心代码截图
5.3.3产品资讯功能实现
用户在综合电商网站的前台，可以查看具体的产品资讯信息，能够对相关资讯信息进行了解。产品资讯效果图如图5-15所示。

图5-15产品资讯效果图
产品资讯页面效果实现，首先需要通过Vue框架对页面前端字段进行设计，然后整合EleentUI技术结合CSS技术对前端页面效果进行渲染。产品资讯页面效果实现核心代码截图如图5-16所示。

图5-16产品资讯页面效果实现核心代码截图
5.3.4购物车功能实现
购物车的功能需要实现用户可以查看购物车的商品信息，还能对购物车的商品数量进行增加以及递减或是对商品进行购买操作。购物车的商品指用户在浏览商品的时候待支付的商品。购物车效果图如图5-17所示。

图5-17产品资讯效果图
购物车页面效果实现，首先需要通过Vue框架对页面前端字段进行设计，然后整合EleentUI技术结合CSS技术对前端页面效果进行渲染。购物车页面效果实现核心代码截图如图5-18所示。

图5-18购物车页面效果实现核心代码截图
5.4本章小结
本章首先介绍的是综合电商网站，主要功能模块的详细设计与具体实现，通过对每个功能模块的文字描述+每个功能模块的效果图进行展现。在本章介绍，主要对用户管理、商品信息管理、订单管理、商品分类管理等功能具体的实现思路进行描述与分析。

6 系统测试
综合电商网站给出相应的测试介绍，主要包括系统测试目的、系统功能测试等。其中系统功能测试主要包括音乐资讯管理、用户管理、商品信息管理、订单管理模块模块测试从而保障系统功能上的可用性、安全性、稳定性等，方便系统上线、使用和后期功能的扩展。
6.1测试目的
综合电商网站功能测试的目的主要是为了找出在开发所有功能模块的的过程中存在的一些问题。对于开发网上学习系统的开发人员，在设计程序的过程中，肯定会存在一些错误信息。同时，也有人理解系统测试是为了发现系统的缺陷，通过系统的测试，通过完善系统，提高整个系统的代码质量。
6.2测试方法
综合电商网站的测试方法目前有很多，对系统功能模块的测试主要有白盒测试跟黑盒测试。目前使用的比较多的系统测试方法是黑盒测试法。在本系统中，将采用黑盒测试法对系统中的课程信息管理等功能模块进行具体的测试。
6.3测试环境
综合电商网站的网络测试环境是局域网和因特网。
综合电商网站测试需要用到的操作系统测试环境为Window7和Windows10。
综合电商网站测试需要用到的浏览器测试环境为IE8、Chrome、FireFox等。
综合电商网站测试需要用到的服务器测试环境为Tomcat7。
综合电商网站测试需要用到的测试数据库环境为MySQL。
6.4系统功能测试
经过前面对测试方法的了解，本系统的功能测试将用到黑盒测试法。由于本系统功能实现的比较多且多半功能模块的实现原理类似，因此，本章节将对综合电商网站主要的功能进行测试用例说明。
6.4.1用户管理的测试
在用户管理的功能设计中，需要能够实现管理员可以通过用户管理的新增页面，对用户账号的用户名等信息进行新增，还能对目前存在系统中的用户账号信息进行修改以及其他相关的操作。用户管理测试用例如表6-1所示。
表6-1 用户管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 用户账号信息的新增 管理员新增一条用户的账号信息，用户使用刚刚管理员新增的用户账号信息进行登录，看能否成功进行登录 用户使用刚刚管理员新增的用户账号信息可以成功进行登录，能够进入前台查看商品信息 与预期结果一致，用户使用刚刚管理员新增的用户账号信息可以成功进行登录，能够进入前台查看商品信息
2 用户账号信息的修改 管理员将用户的账号密码进行修改，将123456的密码改成12345，使用用户原来的账号密码进行登录 用户登录失败，页面提示账号或密码错误 与预期结果一致，用户登录失败，页面提示账号或密码错误
3 用户账号信息的删除 管理员将刚刚用户的账号进行删除，用户使用账号进行登录 用户登录失败，页面提示账号或密码错误 与预期结果一致，用户登录失败，页面提示账号或密码错误

6.4.2商品信息管理的测试
商品信息管理的功能需求满足管理员可以新增商品信息的商品名称、单限等相关的信息，还能实现对正在销售的商品信息进行修改以及删除等相关的操作。用户在前台可以查看商品信息的名称以及价格等信息进行查看，可以实现对商品信息的购买以及将商品信息加入购物车等操作。商品信息管理测试用例如表6-3所示。
表6-3 商品信息管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 商品信息的新增 管理员通过商品信息管理的新增页面，对商品信息进行新增，用户在前台查看是否存在该商品信息 用户在前台可以查看到刚刚管理员新增的商品信息 与预期结果一致，用户在前台可以查看到刚刚管理员新增的商品信息
2 商品信息的修改 管理员将商品信息的价格由99改成66，用户登录前台进行查看，商品价格是否发生了变化 用户查看到商品信息价格已经发生了变化，商品信息的价格由99改成了66 与预期结果一致，用户查看到商品信息价格已经发生了变化，商品信息的价格由99改成了66

6.4.3订单管理的测试
订单管理的功能需求是需要实现管理员可以查看用户购买的订单信息，还能对已经存在的订单信息进行修改以及发货等相关的操作。用户在前台个人中心中，对订单信息可以进行查看以及其他相关的操作，能够了解最新的订单状态。用户查看我的订单的数据信息，主要是查看自己购买的商品是否已经发货。订单管理测试用例如表6-3所示。
表6-3 订单管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 订单信息的新增 用户在前台查看商品信息之后，可以对进行商品信息的购买，管理员在已支付订单看用户是否支付成功 管理员在已支付订单可以查看到刚刚用户购买的商品信息 与预期结果一致，管理员在已支付订单可以查看到刚刚用户购买的商品信息
2 订单信息的发货 管理员对刚刚用户支付的订单信息进行发货，用户在已发货订单处进行查看 用户在已发货订单处可以查看到管理员已发货成功 与预期结果一致，用户在已发货订单处可以查看到管理员已发货成功
3 订单信息的确认收货 管理员发货之后，用户拿到订单之后，对订单信息进行确认收货，管理员在已完成订单那里查看用户是否确认收货 管理员查看到用户已经确认收货，该笔订单已交易完成 与预期结果一致，管理员查看到用户已经确认收货，该笔订单已交易完成

6.5测试结果
综合电商网站实现所有的功能模块经过一系列的黑盒测试后，系统所有的功能能够按照所需求正常运行。所测试的主要功能，完全符合当初，用户需求分析的时候的预期目标。主要功能模块的测试结果如表6-4所示。
表6-4 测试结果表
序号 测试模块 测试结果
1 登录注册 正常
2 个人中心 正常
3 用户管理 正常
4 商品分类管理 正常
5 商品信息管理 正常
6 订单管理 正常
7 首页 正常
8 购物车 正常
9 产品资讯 正常
10 关于我们 正常
11 在线沟通 正常
12 智能助手 正常
13 轮播图管理 正常
6.6测试总结
通过对综合电商网站目前实现的上述功能通过测试之后，所有的功能都达到了预期目标。通过测试结果得出此系统的各功能模块基本实现，满足了综合电商网站所有用户的使用并且系统能够运行稳定。但是在测试过程中也有些不足之处，还有待改进。
6.7本章小结
本章主要对综合电商网站测试进行介绍。系统采用从系统测试目的、系统测试方法以及功能测试，对系统测试进行具体的描述。
总结
第一次独立完成一个前后端分离的综合电商网站开发，虽然在整个设计过程中，确实遇到了很多困难，但是通过在网上查找相关电商网站类似的资料，对开发中所有困难都得到了解决。在完成毕业设计的过程中，自己也学到了不少的知识，得到了能力的提升。
本文通过对当下用户购买商品的流程进行分析，从系统前期的用户需求分析、数据库设计等方面对系统功能模块进行设计。在具体功能实现技术涉及上，主要用到SpringBoot框架、Vue框架等技术进行功能模块的开发与实现。综合电商网站，将系统中的用户角色，划分为两大类，分别是前台喜欢购物的用户和后台的管理员。前台喜欢购物的用户主要是可以实现对系统中的所有商品信息进行查看，当看到有自己喜欢的商品后，可以直接对商品信息进行下单购买等相关的操作。后台的管理员管理员作为综合电商网站的最高用户权限角色，可以查看到系统中所有的功能模块的数据信息，比如可以实现对用户的账号信息等相关的信息进行修改以及其他相关的操作。
系统开发完成之后，虽已达到了基本的需求，但是还是存在一些不足之处。作为一个电商网站来说，无法实习对用户的商品信息推荐以及大数据分析，目前仅仅是实现了基本的操作。其次，目前实现的功能还是比较简单，仅以基本的增删改查的操作为主。最后，本系统主要用到SpringBoot框架、Vue框架等技术进行功能模块的开发，没有用到更加复杂的技术进行功能模块的具体开发。

参考文献
张林.基于微服务架构的商对客模式电商网站的设计与实现[J].软件工程,2021(09).
胡小舟.一种基于Token的安全跨域登录方法及实现[J].网络安全和信息化,2021(08).
黄晟祺,许林瑞,汪玉笳,曾嫒,李功权.基于前后端交互的就医无忧系统的设计与实现[J].软件工程,2021(06).
刘坤.电子商务平台渗透测试及信息安全对策研究——以苏州电子商务平台为例[J]. 电脑知识与技术,2019(30).
赵一格.个性化推荐技术在电商网站中的应用[J].科技传播,2019(15).
王千,易冰洁.社群电子商务平台特征对用户持续使用意愿的影响研究[J].法制与经济,2021(07).
陈晓娜,刘晶.电商直播平台特征对服装消费者购买意愿的影响[J].毛纺科技,2021(11).
闫秀霞,董友衡,张萌萌,乔静.直播带货对消费者购买行为的影响研究——以感知价值为中介[J].价格理论与实践,2021(06).
秦高峰.跨境电商平台服务质量对消费者重购意愿的影响机制[J].全国流通经济,2021(19).
刘芸,姜红波,徐京宁.跨境电商APP用户使用意愿及满意度影响因素分析[J].厦门理工学院学报,2021(02).
李江,蒋玉石,樊超然,刘春.跨境电商平台感知对消费者购买意愿的影响——基于UTAUT模型的研究[J]. 西南交通大学学报(社会科学版),2020(04).
彭文武,曹巍,陈国生,李思成,涂丕程.感知价值在电子商务平台建设与消费者购买行为之间的多重中介效应及其影响因素分析[J].经济师,2020(07).
匡正孚.垂直化电商导购网站服饰类用户界面视觉设计[J].化纤与纺织技术,2022(11).
赵国贵.电商网页界面视觉设计元素解析[J].农家参谋,2020.
王海霞.视觉设计在电子商务中的应用[J].老字号品牌营销,2020.
孙长清.基于大数据的电商视觉设计流程优化策略研究[J].营销界,2021.
杨晓丽.基于“互联网+”时代的品牌视觉设计发展研究[J].互联网周刊,2023.
尚申豪,司乐乐.当代山间民宿的品牌视觉设计——以“山下有物”为例[J].设计,2022.
致谢
大学四年的时光如白驹过隙，稍纵即逝，当毕业论文完成提交的时候，我的大学生活也要结束了，从此我将要正式步入社会，开启我人生中新的篇章。四年虽然短暂，但却留给我非常珍贵的回忆，在大学里我不仅学到了有用的知识和为人处事的原则，而且也结识了良师和志同道合的朋友，他们的鼓励和帮助给予我不断前行的勇气！
这次能够顺利完成毕业设计和毕业论文离不开导师XXX老师的帮助，XXX老师认真地对我的论文进行修改批注、对我的毕业设计指出问题并且提出解决办法，在此期间，老师与我进行电话联系，对论文和毕业设计项目中出现的问题详细说明和提出建议，这使我在撰写论文和设计系统上有了新的收获！
因为有老师和同学们的帮助，使我更加有信心克服困难，在规定的时间内完成了毕业设计，顺利完成了毕业论文。在完成毕业设计的整个过程中，除了灵活运用所有的所学知识，同时也学到了丰富的课外知识，让我对软件设计有了更加深刻的了解和认识。
最后，我要感谢我的父母，感谢他们多年里对我的培养和鼓励，每当我在生活中遇到困难，他们都会鼓励我，帮助我，有他们做我最坚强的后盾，才能让我没有后顾之忧地去探索。我会在今后更加努力，不辜负父母和老师们的期望！