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