ssm333基于Vue的网页版电子商城设计与实现+vue
系统包含:源码+开题+论文+论文+说明文档
所用技术:SpringBoot+Vue+SSM+Mybatis+Mysql
获取资料请滑到底部获取联系方式
系统简述:
设计题目:基于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.2 课题研究的目的和意义
1.3 国内外概况
1.4 论文的组织结构
2 系统开发技术 3
2.1 Java语言
2.2 SSM框架
2.3 MYSQL数据库
2.4 Vue框架
3 系统分析 5
3.1可行性研究
3.1.1经济可行性
3.1.2时间可行性
3.1.3操作可行性
3.2系统性能分析
3.2.1系统易用性
3.2.2系统健壮性
3.2.3系统安全性
3.3 系统流程分析
3.4系统功能分析
4 系统设计 12
4.1系统目标
4.2功能结构设计
4.3数据库设计
4.3.1数据库E-R图
4.3.2 数据库表结构
5 系统实现 23
5.1 管理员功能实现
5.1.1 商品信息管理
5.1.2 用户管理
5.1.3 商品入库管理
5.1.4 商品出库管理
5.1.5 已支付订单
5.2 用户功能实现
5.2.1 商品信息
5.2.2 购物车
5.2.3 提交订单
5.2.4 已支付订单
5.2.5 联系客服
6系统测试 29
6.1 系统测试的类型
6.2 功能测试
6.3 可用性测试
6.4 测试结果分析
结 论 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以上比较新的浏览器版本。
3 系统分析
这部分内容虽然在开发流程中处于最开始的环节,但是它对接下来的设计和实现起着重要的作用,因为系统分析结果的好坏,将直接影响后面环节的开展。
3.1可行性研究
影响系统开发的因素有很多,比如开发成本高就不适合开展,或者是开发时间超过了预期,也不适合开展等等。所以,在正式作出开发决策前,研究系统可行性问题,从经济,时间,操作等角度论证系统是否可以开展。
3.1.1经济可行性
基于Vue的电子商城可以简化工作流程,提供信息处理功能,并可以长期保存数据,在后期的数据查询与编辑中耗时少,提升信息管理效率,其带来的收益比较可观。对于本系统开发,无论是开发需要使用的计算机,还是开发工具等投入的成本很低,计算机是机房的电脑,开发工具是从网上下载安装的,并没有收取费用。
3.1.2时间可行性
基于Vue的电子商城是作为本人毕设项目的一个作品,学院也充分预留了制作时间,并且在每个时间段,都安排了相应的任务,所以根据这个时间安排开展工作,是可以对本系统进行设计完成的。
3.1.3操作可行性
随着电脑的普及,已经有很多人可以独立操作电脑了。而本系统就是在配置了运行环境的电脑上运行,其功能简单,省去了很多繁琐的操作逻辑,使用者通过页面导航可以直接进入功能操作区,所以稍微懂点电脑的人,都可以轻松完成系统的使用。
综上所述,本系统可以开展接下来的工作了。
3.2系统性能分析
为了降低本系统在实际使用中的出错率,就需要分析系统具备的性能。常见的可以评估系统的性能的指标有安全性,易用性,健壮性等。
3.2.1系统易用性
系统提供的信息和服务都有特定的用户群,所以,一个容易操作的系统相比一个不方便使用的系统来讲,用户还是更加青睐于使用方便的系统。所以系统具备易用性就显得非常重要。
3.2.2系统健壮性
系统在与用户进行交互过程中,面对用户的误操作行为,系统应该有相应的处理这种问题的反馈机制,而不是进入系统崩溃状态。系统中设置了很多的功能,在应对系统中某个功能出现异常情况时,系统的其它功能还是可以让用户使用。这就是系统健壮性的体现。
3.2.3系统安全性
保存在系统里面的数据,都是比较重要的系统资源,一旦这些资源泄露,不仅会有财产损失,还会丧失很多客户。所以,系统里面的数据要随时都处于安全的环境中,因此就需要采取措施保证数据安全,比如设置登录功能,使用安全验证技术引导条件用户进入指定页面,而让非条件用户停留在登录页面,不能访问系统。
3.3 系统流程分析
软件开发设计的思想始终贯穿本系统,其开发流程见下图。前期需要进行功能分析,功能设计,还有对系统后台支持数据库的设计,利用编码技术对设计的系统进行实现,然后检测和完善。
图3.1系统开发流程图
访问者之所以可以访问基于Vue的电子商城,主要是其数据库有该访问者的记录信息,这个记录是通过注册进行写入的数据。注册流程见下图。每当访问者进行基于Vue的电子商城注册时,其登记的每条记录都会在系统后台进行逐个判断。这个判断规则是提前设置的。一旦该访问者的登记信息在数据库中保存,即代表该访问者成为基于Vue的电子商城中的一份子。
图3.2 注册流程图
访问者操作系统,前提是需要验证身份,而登录功能的设置就是把本系统的用户引导进入后台操作区,把不是本系统的用户拒之门外。其流程见下图。
图3.3 登录流程图
3.4系统功能分析
在明确系统的用途,以及系统的目标用户群后,可以对本系统的功能进行设置,可以获取调研用户对功能的要求,也可以对市场上同类系统进行分析和总结,得出本系统的功能。
基于Vue的电子商城设置了管理员权限,其用例图见下图。管理员登录进入本人后台之后,管理商品和用户,对商品进行出入库操作,管理不同状态的订单。
图3.4 管理员用例图
基于Vue的电子商城设置了用户权限,其用例图见下图。用户查看商品资讯,收藏商品,评论商品,购买商品,查看不同状态的订单。
图3.5 用户用例图
4 系统设计
当前,系统的类型有很多,从系统呈现的内容来看,系统的类型有社交类,有商业类,有政府类,有新闻类等。那么,在众多系统类型中,先明确将要设计的系统的类型才是系统设计的首要工作,然后在此基础上明确系统的用户群,功能等,针对这些信息设计出具有独特体验和视觉的系统。如此才能让系统比较具有特色,也能够在众多相似系统中给用户留下深刻印象。
4.1系统目标## 系统图片: