摘要：Jshop小程序商城，作用就是为用户提供最佳的处理方案。它的开发分两段，前端是面向客户的操作，后端是面向卖家的设置，具有高效率、高稳定性的优点。前端H5采用Vue架构开发，增加用户体验。本次设计采用了Html语言编写静态网页，CSS对网页进行静态渲染，Javascript进行动态修饰网页。在最近最火的架构Vue上完成的Jshop商城管理平台前端开发。

此次项目中主要为划模块来编写各类组件，项目中app.js,app.json,app.wxss,其中app.js主要作用是监听小程序生命周期函数、声明全局变量；app.json主要作用是全局配置；app.wxss的作用是公共样式表。

Jshop小程序商城里面可以同时管理公众号和小程序以及H5，所有商品不用重复录入，所有订单统一汇总。

关键词：Jshop小程序商城  H5  Vue  公众号

目录

摘要

Abstract

第一章 绪论-1

1.1微信小程序的研究意义-1

1.1.1使用后的效果-1

1.1.2微信小程序的功能-1

1.1.3开发成本与维护-1

1.2 微信小程序的研究现状-2

1.2.1微信小程序用户-2

1.2.2小程序存在的主要问题-2

1.2.3受用户欢迎程度-2

1.2.4软件吸引用户的方式-2

1.3微信小程序的未来发展趋势-3

1.3.1金融业-3

1.3.2零售业-3

1.3.3餐饮业-3

1.3.4教育业-3

1.3.5微信小程序与否超越传统app-4

第二章 微信小程序的网页制作-5

2.1 Html的介绍-5

2.1.1 Html的技术特征-5

2.1.2 Html5技术的优势-6

2.2 Html的使用-6

2.2.1简化代码编写功能-6

2.2.2支持多设备和跨平台使用-6

2.2.3即时更新功能-6

2.2.4实现自适应网页效果-6

2.3 Html5技术的使用情况-7

2.4 Html5与CSS3技术前景及未来发展趋势-7

第三章Vue.js与环境搭建-9

3.1 Vue.js的目的-9

3.2 Vue.js特性-9

3.2.1 MVVM模式-9

3.1 Vue环境搭建-9

3.1.1如何安装Nodejs-10

3.1.2安装cnpm-11

3.1.3安装vue-cli-11

3.1.4测试，创建第一个Vue.js项目-12

第四章 项目的设计-14

4.1熟悉项目的流程-14

4.1.1项目的开始，首页入门-14

4.2路由vue-router-15

4.2.1配置main.js-15

4.2.2配置App.vue，写入组件-15

4.2.3创建路由-15

4.3项目的规划-16

4.4 测试功能-16

4.4.1登录验证-17

4.4.2 商品搜索测试-17

4.4.3付款测试-18

第五章 项目的具体实现-19

5.1用户注册部分的实现-19

5.2用户登陆的实现-20

5.3其它功能页面的展示-21

5.3.1用户登录、注册与绑定-21

5.3.2全部分类-22

5.3.3加入购物车-22

5.3.4个人中心-22

5.3.4商品列表及商品详情-23

5.3.5订单确认、订单支付-24

5.3.7申请售后及售后单列表-24

5.3.8订单评价-25

第六章 总结-27

参考文献-28

致谢-29

附录-30

用户注册部分实现的相关程序-30