摘要：由于网络通讯技术和计算机的飞速发展，电子信息网络进行交易的经济活动逐渐受到了人们的喜爱。本课题研究的移动端网上购物App则是这一电子时代的产物。

本课题基于vue设计一个移动端购物App，采用vue前端框架设计前端样式，后端使用了Node语言，并且使用MySQL数据库存储数据。

本课题设计的网上购物系统，使购物功能达到系统化、规范化、标准化的水平。本课题研究的移动端购物App整体布局分为四个模块：首页、分类、购物车、个人中心，首页实现了商品展示，分类模块进行商品分类，购物车模块可以将商品添加到购物车并且购买商品，个人中心模块中包括用户登录、注册账号、修改密码、收藏商品等功能。根据功能模块编写程序，最后调试运行。

关键词　网上购物；vue移动端；Node；

目录

摘要

Abstract

1 绪论-1

1.1 课题背景-1

1.2 设计目的-1

1.3 开发工具简介-1

1.3.1 Visual Studio Code-1

1.3.2 MySQL简介-2

1.4 相关技术知识-2

1.4.1 vue.js-2

1.4.2 数据库相关技术-3

2 可行性研究-4

2.1 可行性分析-4

2.1.1 技术可行性-4

2.1.2 经济可行性-4

2.1.3 操作可行性-4

2.1.4 法律可行性-4

2.2 本章小结-4

3 需求分析-5

3.1 系统功能分析-5

3.1.1 登录注册-6

3.1.2 购物车结算功能-6

3.1.3 商品分类-7

3.1.4 商品订单-7

3.2 本章小结-7

4 后台数据库设计-8

4.1 数据库设计-8

5 前台页面设计-10

5.1 搭建项目、安装环境及配置-10

5.1.1 安装Node环境-10

5.1.2 搭建Vue项目-10

5.2 整体布局展示-11

5.3 首页模块展示-11

5.3.1 今日推荐模块-12

5.3.2 热销榜、低价火拼、发现模块-13

5.4 分类模块展示-14

5.5 购物车模块-15

5.6 个人中心模块-17

5.6.1 登录注册功能-17

5.6.2 商品收藏-18

5.6.3 商品订单-18

结论-19

参考文献-20

致谢-21