ssm333基于Vue的网页版电子商城设计与实现+vue

文章仅展示部分内容，详细的毕设论文和演示视频源代码可以私信我的扣扣

设计题目：基于Vue的电子商城的设计与实现

摘 要
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。因此商城购物信息的管理计算机化，系统化是必要的。设计开发基于Vue的电子商城不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于商城购物信息的维护和检索也不需要花费很多时间，非常的便利。
基于Vue的电子商城是在MySQL中建立数据表保存信息，运用Vue框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。管理员登录进入本人后台之后，管理商品和用户，对商品进行出入库操作，管理不同状态的订单。用户查看商品资讯，收藏商品，评论商品，购买商品，查看不同状态的订单。
基于Vue的电子商城在让商城购物信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升基于Vue的电子商城提供的数据的可靠性，让系统数据的错误率降至最低。

关键词：基于Vue的电子商城；MySQL；Vue框架

Abstract
Network technology and computer technology have developed so far, they already have a solid theoretical foundation and have been fully used in reality, especially the software based on computer operation has attracted the attention of all walks of life. In addition, now that people have entered the information age, the promotion and management of information is very important. Therefore, it is necessary to computerize and systemize the management of shopping information in shopping malls. Designing and developing a Vue-based web version of the electronic mall will not only save manpower and management costs, but also store a huge amount of data safely, and it does not take a lot of time to maintain and retrieve shopping information in the mall, which is very convenient.
The Vue-based web version of the electronic mall is to create a data table to save information in MySQL, and use the Vue framework and Java language to write. And in accordance with the software design and development process for design and implementation. The system is friendly and fully functional. After the administrator logs in and enters his back-end, he manages products and users, performs storage and exit operations on products, and manages orders in different states. Users view product information, favorite products, review products, purchase products, and view orders in different states.
The Vue-based web version of the electronic mall not only standardizes the shopping information of the mall, but also can detect incorrect data in a timely manner through the validity rules of data input, so that the data entry can achieve the purpose of accuracy, thereby improving the Vue-based web version of the electronic mall The reliability of the provided data minimizes the error rate of the system data.
Key Words：Web-based electronic mall based on Vue; MySQL; Vue framework

目 录
1 绪论 1
1.1 课题背景 1
1.2 课题研究的目的和意义 1
1.3 国内外概况 1
1.4 论文的组织结构 2
2 系统开发技术 3
2.1 Java语言 3
2.2 SSM框架 3
2.3 MYSQL数据库 4
2.4 Vue框架 4
3 系统分析 5
3.1可行性研究 5
3.1.1经济可行性 5
3.1.2时间可行性 5
3.1.3操作可行性 5
3.2系统性能分析 6
3.2.1系统易用性 6
3.2.2系统健壮性 6
3.2.3系统安全性 6
3.3 系统流程分析 6
3.4系统功能分析 9
4 系统设计 12
4.1系统目标 12
4.2功能结构设计 13
4.3数据库设计 14
4.3.1数据库E-R图 14
4.3.2 数据库表结构 17
5 系统实现 23
5.1 管理员功能实现 23
5.1.1 商品信息管理 23
5.1.2 用户管理 23
5.1.3 商品入库管理 24
5.1.4 商品出库管理 24
5.1.5 已支付订单 25
5.2 用户功能实现 25
5.2.1 商品信息 25
5.2.2 购物车 26
5.2.3 提交订单 26
5.2.4 已支付订单 27
5.2.5 联系客服 27
6系统测试 29
6.1 系统测试的类型 29
6.2 功能测试 30
6.3 可用性测试 30
6.4 测试结果分析 30
结 论 31
参考文献 33
致 谢 34

1 绪论
1.1 课题背景
2020年是“双11”的第12个年头，受前期疫情影响消费习惯发生大幅改变以及直播电商的快速发展，今年双十一人们消费热情空前高涨。数据显示，截至今日下午1时，2020年“双十一”全网销售额已经达到2673.65亿元。其中，参与双十一大促的品牌有81923个，参与双十一大促的SKU有31463842个，在双11大促期间发布的新品占比为6.41%。网购现状已经变成了当前社会的主要购物方式之一，让人们工作忙没时间去商场购物变成网上购物。现在网购技术一般前后端分离，前端技术用到了VUE框架，后端用到了SSM框架进行开发。
1.2 课题研究的目的和意义
基于Vue的电子商城在实际运用中，对管理员的综合素质的提升也有帮助。因为基于Vue的电子商城在减轻了商城购物信息管理人员的工作量的同时，还可以让他们把节省出来的时间用来充实自己，提升个人能力，这样才可以充分发挥基于Vue的电子商城提供的服务，让基于Vue的电子商城显示数据信息的同时，也可以快速完成数据处理，提升服务水平。而且基于Vue的电子商城开发需要投入的成本较低，但是后期运用中，会产生大量效益，尤其是基于Vue的电子商城在进行高负荷运转时，还可以保证数据处理的质量与数据安全，通过对处理工作的流程的优化，可以节省传统模式需要投入的人力和资金，从而降低信息管理的成本。另外，基于Vue的电子商城在让商城购物信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升基于Vue的电子商城提供的数据的可靠性，让系统数据的错误率降至最低。
1.3 国内外概况
目前国内外的购物网站数不胜数，模式主要有：B2C、C2C这两种模式，国外的购物网站例如eBay，亚马逊等等都是相当出色的购物网站，为人们的购物提供了方便;近几年随着国内大量的互联网公司的强势崛起，在很多方面已经处于全球领先的地位，国内的购物网站有淘宝，京东等知名购物网站，这为电子商城后续的开发提供了很好的参考。
1.4 论文的组织结构
按照设计开发一个系统的常用流程来描述系统，可以把系统分成分析阶段，设计阶段，实现阶段，测试阶段。所以在编写系统的说明文档时，根据系统所处的阶段来描述系统的内容。
绪论：这是对课题的背景，意义等内容做出介绍。
系统开发技术：这是对系统即将使用的技术，包括使用的工具，编程的语言等做出介绍。
系统分析：这是对系统做出分析，包括投资前期必备的可行性分析，包括对用户调研获取的需求，包括系统运行具备的性能等内容做出介绍。
系统设计：这是对系统进行设计，包括运用绘图工具设计的系统功能结构，包括设计的在数据库中要创建的数据表的存储结构等内容做出介绍。
系统实现：这是对系统进行编码实现。包括实现的系统各个模块的运行效果等内容做出介绍。
系统测试：这是对编制的系统进行测试。包括功能的测试等内容做出介绍。

2 系统开发技术
这部分内容主要介绍本系统使用的技术，包括使用的工具，编程的语言等内容。
2.1 Java语言
Java语言自公元1995年至今，已经超过25年了，依然在软件开发上面有很大的市场占有率。当年Sun公司发明Java就是为了发展一门跨平台的高级编程语言，让程序开发人员专注于程序开发过程，不需要关注服务器是属于哪个平台，因为跨平台的特性让语言发展的很迅速。Java的发展，吸收了C++这些语言的优点，因为新生事物一般就是解决老旧事物一些痛点的，虽然Java也有很多缺点，但是起码也算是一种发展方向。学习Java不需要太多的指针这些理念，也不用学习太过复杂的数据结构理论，比如什么堆栈这些概念，除非某些特殊行业对这些要求相当严谨之外，一般用Java开发程序是不用考虑各种各样的数据结构的。因为Java属于一种强类型语言，已经对各种数据定义了各种相应的类型。Java对数据类型定义分为两大种，一种是基本类型，含有8个基本属性，另一个是包装类。基本类和包装类从根本的定义上，都有很明显的区分，计算机运行也会有很明显的差别，如果用错了会编译错误还会影响运行效果的，Java的各种优点只需要按部就班的学习使用即可。
2.2 SSM框架
本课题开发的应用程序主要采用的框架技术是SSM，是Java语言的一种框架集合的简称，目前在Java语言方面，主要有两大分支，一个是主攻Java语言，学习了Java基础之后，会有很多Java进阶框架进行学习，主要是针对应用程序后台进行开发设计，另一方面是转行去学习安卓语言，主要是做安卓的前端设计方面，虽然也是Java语言，但是主要去学习安卓平台的各种架构和框架了。但是不管前端应用如何，SSM框架主要是针对服务端方面进行开发的一个主流框架集合。针对于传统的SSH框架的臃肿，配置繁琐，不管是开发还是二次开发都会造成时间上大量的浪费，并且学习上面也不能有效衔接，需要去适应框架的各种设计，而框架设计比较死板，容易出错。SSM框架是当前最流行的，告别了繁琐的配置，让配置更加灵活，让数据操作更加方便，选择SSM框架进行开发感觉是很合适的。
2.3 MYSQL数据库
关系型数据库设计，对于数据库字段类型的设计以及字段长度的设计，都无时无刻的影响着后续程序开发后大量数据操作的运行效率。关系型数据库对不同的字段类型都有解释，本着课题所需的应用程序开发，寻找最适合的关系型数据库，基本上都有考虑。关系型数据库发展至今也有几十年了，优胜劣汰导致到现在还依然存在的关系型数据库其实并不多，基本上也都能满足应用程序的功能所需，所以要从其他方面来进行考虑数据库的选择。从安装维护上面考虑，SQL Server数据库有好几个G的安装包，并且安装过程中会安装很多不需要的功能，非常占用资源。Oracle数据库不比SQL Server安装包小，并且安装也会出现很多问题，对于课题所需来讲，没必要这么麻烦，并且安装还需要各种激活，只有MySQL数据库完全适合，几十兆大小的安装包，运行起来压力不大，毕竟开发电脑上还有很多其他有用的东西，而且完全免费，所以选择了MySQL数据库作为首选数据库。
2.4 Vue框架
Vue就是Vue.js框架，是用来构建用户在浏览器访问界面的一种渐进式框架。在学习Vue框架之前需要先学习网页构建的基本知识，那就是HTML以及CSS和JavaScript这些语言的规则。Vue就是在这个基础之上，只关注视图层次，采用从底层到上层的增量开发设计。Vue的目标就是让相应的数据绑定与视图组件结合在一起，尽情的通过API来实现，而不需要内容与动态显示内容写到一起，使用Vue使程序开发人员彻底的从网页设计和后台开发进行了彻底分离，使得程序开发人员更加专注于自己专业领域的开发，不管是从可读性还是写作性上面，都会让开发效率获得提升。使用Vue需要注意的是不支持IE8浏览器以及IE8以下的所有版本的浏览器，只支持IE8以上比较新的浏览器版本。