jshop小程序商城设计与开发【字数：12224】
摘 要Jshop小程序商城，作用就是为用户提供最佳的处理方案。它的开发分两段，前端是面向客户的操作，后端是面向卖家的设置，具有高效率、高稳定性的优点。前端H5采用Vue架构开发，增加用户体验。本次设计采用了Html语言编写静态网页，CSS对网页进行静态渲染，Javascript进行动态修饰网页。在最近最火的架构Vue上完成的Jshop商城管理平台前端开发。此次项目中主要为划模块来编写各类组件，项目中app.js,app.json,app.wxss,其中app.js主要作用是监听小程序生命周期函数、声明全局变量；app.json主要作用是全局配置；app.wxss的作用是公共样式表。Jshop小程序商城里面可以同时管理公众号和小程序以及H5，所有商品不用重复录入，所有订单统一汇总。
目录
第一章 绪论 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 *好棒文|www.hbsrm.com +Q: #351916072#
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安装vuecli 11
3.1.4测试，创建第一个Vue.js项目 12
第四章 项目的设计 14
4.1熟悉项目的流程 14
4.1.1项目的开始，首页入门 14
4.2路由VUEROUTER 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
第一章 绪论
1.1微信小程序的研究意义
随着微信小程序的出现，越来越多的人学会使用网络解决问题。微信小程序有许多的优点：轻便，即不占用手机内存；使用微信的人口基数大，80后、90后已经基本淘汰掉QQ等软件而使用微信进行日常社交，这给微信小程序创造了扬名的机会。因此，微信小程序已经吸引了众多商人的眼球，毫无疑问，他们有着长远的目光。
1.1.1使用后的效果
与以往推广营销模式相比较，微信小程序的使用并不需要企业投入过多的人力、物力、财力就能够带来更加持久的宣传效果，微信小程序的功能与方便得到了大家一致认可，不论是在家里还是在会议或者在野外，使用起来都是非常方便的，可以预示大多数企业都会选择微信小程序以达到最大的产投比[1]。
1.1.2微信小程序的功能
从微信小程序面向市场开始，就注定了它的兴起。现在，它的功能可以说是复杂多变，让人目不暇接，使用范围越来越广，使用场合越来越多。它在游戏上、购物上、办公上、日常生活处理等等都有涉及，系统的功能越来越繁杂，以及逐渐能够赶上传统app的效能，这不光是对于使用群众来说得到了好处，对企业、开发者来说也是受益匪浅，将来小程序能否在功能上完全取代传统app对开发者来说也是一个巨大的挑战。
1.1.3开发成本与维护
网络各个平台如软件、微信公众号、微信小程序等，其功能都是大同小异，给使用群众的直观感受都是一样的，都是通过后台控制给使用群众提供他们想要的服务，可以说是十分的智能了。企业来说，微信小程序能够很好地展现其公司文化背景和良好的服务，由于成本低廉，维护起来也比较省心省时省力[2]，这是收货大产投比的较好方式。
综合地说，小程序在经济方面价值斐然，对人们在科技上进步的贡献也是不可估量的。它的使用效果大家有目共睹，受到广大人民群众的赞美和支持，如果企业竞相打造属于自己的微信小程序，就更够使微信小程序在竞争中得到更好的发展，无论是在成本上、还是功能维护上，都能达到更好。
目录
第一章 绪论 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 *好棒文|www.hbsrm.com +Q: #351916072#
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安装vuecli 11
3.1.4测试，创建第一个Vue.js项目 12
第四章 项目的设计 14
4.1熟悉项目的流程 14
4.1.1项目的开始，首页入门 14
4.2路由VUEROUTER 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
第一章 绪论
1.1微信小程序的研究意义
随着微信小程序的出现，越来越多的人学会使用网络解决问题。微信小程序有许多的优点：轻便，即不占用手机内存；使用微信的人口基数大，80后、90后已经基本淘汰掉QQ等软件而使用微信进行日常社交，这给微信小程序创造了扬名的机会。因此，微信小程序已经吸引了众多商人的眼球，毫无疑问，他们有着长远的目光。
1.1.1使用后的效果
与以往推广营销模式相比较，微信小程序的使用并不需要企业投入过多的人力、物力、财力就能够带来更加持久的宣传效果，微信小程序的功能与方便得到了大家一致认可，不论是在家里还是在会议或者在野外，使用起来都是非常方便的，可以预示大多数企业都会选择微信小程序以达到最大的产投比[1]。
1.1.2微信小程序的功能
从微信小程序面向市场开始，就注定了它的兴起。现在，它的功能可以说是复杂多变，让人目不暇接，使用范围越来越广，使用场合越来越多。它在游戏上、购物上、办公上、日常生活处理等等都有涉及，系统的功能越来越繁杂，以及逐渐能够赶上传统app的效能，这不光是对于使用群众来说得到了好处，对企业、开发者来说也是受益匪浅，将来小程序能否在功能上完全取代传统app对开发者来说也是一个巨大的挑战。
1.1.3开发成本与维护
网络各个平台如软件、微信公众号、微信小程序等，其功能都是大同小异，给使用群众的直观感受都是一样的，都是通过后台控制给使用群众提供他们想要的服务，可以说是十分的智能了。企业来说，微信小程序能够很好地展现其公司文化背景和良好的服务，由于成本低廉，维护起来也比较省心省时省力[2]，这是收货大产投比的较好方式。
综合地说，小程序在经济方面价值斐然，对人们在科技上进步的贡献也是不可估量的。它的使用效果大家有目共睹，受到广大人民群众的赞美和支持，如果企业竞相打造属于自己的微信小程序，就更够使微信小程序在竞争中得到更好的发展，无论是在成本上、还是功能维护上，都能达到更好。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/gdxx/52.html
