摘    要

在网络高速发展的今天，网络购物越来越被大众所喜爱，越来越多的购物网站映入眼帘，为了迎合市场的需求，给人们带来更多的便利，也为了给人们带来不同种类的选择，“克罗斯女装电商系统”跟随时代潮流诞生。本文研究的女装电商系统是基于Vue框架进行开发，应用ES6，JavaScript以及webpack关键技术，使用Element-UI等组件，实现了用户购买商品的前端操作与数据的传输，以MySQL数据库进行管理员后台存储，再把改变后的数据传递给前端渲染到浏览器中，用postman检测后台接口，保证后台接口畅通无阻，使前后端数据交互流畅。本文描述的网站是一个女装购物网站，以女装电商系统为开发背景，对需求分析和功能需求做了介绍，并且对系统做了详细的业务测试和总结。主要完成了对业务流程、数据库设计和系统结构的设计，用户登录后可以对商品进行浏览、加入购物车、收藏、购买、评论等一系列操作。满足顾客对于商品购买的基本需求。

 

关键词：Vue；JavaScript；ES6；MySQL数据库

目  录

摘   要 I

Abstract II

1 绪论 1

1.1 研究背景 1

1.2 研究目的和意义 1

2 开发技术介绍 3

2.1 Vue介绍 3

2.2 JavaScript介绍 3

2.3 ES6介绍 3

2.4 MySQL数据库 3

3 系统分析与设计 4

3.1可行性分析 4

3.1.1技术可行性 4

3.1.2操作可行性 4

3.2业务流分析 4

3.2.1用户登陆流程图 5

3.2.2用户购买商品流程图 6

4 系统总体设计 8

4.1系统设计 8

4.1.1概述 8

4.1.2功能结构图 8

4.2需求分析 8

4.2.1用户用例图 8

4.2.2用户购买用例图 9

4.2.3用户浏览商品用例图 10

4.3数据库概念结构设计 11

4.4 数据库逻辑结构设计 13

5 系统功能实现 16

5.1登录注册 16

5.1.1登录页面 16

5.1.2注册界面 17

5.2商品搜索 17

5.3购物车 18

5.4心愿单 19

5.5个人中心 19

5.6商品详情 20

5.7我的订单 20

5.8我的地址 21

5.9我的信息 21

5.10主页 22

6 系统测试 23

6.1测试目的 23

6.2功能测试 23

结    论 24

参考文献 25

致    谢 26