摘要：随着移动端互联网的不断持续发展，到今天已经普及率超过89.66%，在其中有百分之86.4%的人使用移动端互联网进行购物，生活缴费，以及办理出行，付费电影等等，移动端购物支付成为生活中必要的一个环节了。

据大数据公司数据统计显示，2017年双11一天互联网总销售金额达到2434.7亿元，产生的快递包裹12.3亿个。某数据公司对20家互联网电商平台进行监测，在双十一销售额方面，某猫销售额占全网比例65.23%，某东占比21.41%，某宁易购占比3.34%，某马逊占比1.95%,某品会占比3.43%,其他电商平台占比2.64%。各平台海外购销售额占比上，某猫为5.4%，某东为4.9%，某宁易购为0.6%，某马逊为7.3%，某品会为3.7%。

全网移动端销售占比91.2%。有此可见移动端购物对我们生活是多么的方便，少了移动端我们生活会受到很大的影响。

本文设计和实现了一个移动端购物网站，网站采用前端三大逻辑框架Vue和webpack打包工具进行实现并且严格遵循前后端分离来架构，使用组件化开发来实现各个模块。并且打包上线。

本网站有5个主要的模块，首页网站，分类，发现（类似于营销广告），购物车，以及登录。

关键词：移动端；购物网站；VUE；

目录

摘要

Abstract

1引言-1

1.1 课题背景-1

1.2课题的现状及发展-1

1.3课题开发的意义-2

2相关技术及环境的研究介绍-3

2.1相关技术-3

2.1.1 Vue技术：-3

2.1.2 Webpack技术：-3

2.1.3 ECMAScript 6技术：-4

2.2 开发环境-5

3 系统分析-6

3.1 可行性分析-6

3.1.1经济可行性-6

3.1.2技术可行性-6

3.1.3操作可行性-6

3.2 需求分析-6

3.2.1功能需求：-6

3.2.2用例分析及用例图：-6

3.2.3 用例文本-7

4 网站总设计-9

4.1用户流程图-9

4.2 功能模块图-9

5 系统的实现-15

5.1 首页功能实现-15

5.2 商品详情功能实现-18

5.3 登录的实现-19

5.4 搜索的实现-20

6 系统测试-22

6.1 软件测试内容和目的-22

6.2 软件测试用例-22

结    论-23

致    谢-25