基于微信小程序的在线书城开发【字数：14976】
自小程序诞生以来，大受广大开发者追捧，它是一种新的开放能力，它可以在微信内被便捷的获取和传播，拥有出色的用户使用体验。本设计旨在倡导全民阅读、发现好书和读透好书，提供最新图书资讯，拓展并培养读者阅读爱好，并为广大书虫提供交流和学习平台。该设计是基于mpvue框架的微信在线书城小程序，用户可通过微信登录小程序，使用微信小程序官方API和vue.js组件进行前端开发，使用Koa2中间件和Koa2-route完成后端开发，同时使用MySQL关系数据库存取用户信息和图书信息。图书信息通过扫图书条形码调用图书API获取，并经过小程序界面设计进行图书展示，同时每本图书都带有评论列表，可供用户互相交流学习。这款小程序可以让用户很方便的浏览图书信息，了解最新的图书信息，也可以自行添加图书，可自行对图书发起自己的见解和感悟，为小程序注入新鲜活力。该小程序性能稳定，色彩丰富，内容充实，界面友好，符合并满足现代人的读书需求。
目录
第一章 引言 1
1.1课题背景 1
1.2研究课题和意义 1
第二章 需求分析 2
2.1设计思想 2
2.2 设计分析 2
第三章 系统设计 3
3.1 系统说明 3
3.2 系统设计流程图 4
3.3笑谈技术栈 5
3.3.1 vue.js 5
3.3.2 koa2 5
3.3.3 Node.js 6
3.3.4 mpvue 6
3.3.5 ES6 7
3.3.6 微信小程序 7
第四章 系统实现 10
4.1构建本地开发环境 10
4.2个人中心页面模块 12
4.3图书录入功能模块 17
4.4图书列表显示模块 22
4.5图书详情显示模块 29
4.6评论模块 32
第五章 系统调试 39
5.1代码规范调试 39
5.2 BUG调试 41
5.3 系统调试小结 42
结论 46
致谢 47
参考文献 48
附录 *好棒文|www.hbsrm.com +Q: @351916072@
：程序代码 49
第一章 引言
1.1课题背景
在去年的3月份左右，mpvue（Vue.js in mini program）框架作为美团的开源项目面世，是当前业内比较火热的使用vue开发小程序的解决方案。考虑到小程序本身的优势和特性，开发者决定基于mpvue开发一款小程序。小程序依附微信为载体，它不需要用户下载和安装，仅仅依靠短暂的数据加载便可以直接使用，其性能优势可以和传统APP相媲美，无需下载和安装的应用使用户完全不需要担心内存问题，与此同时，使用mpvue框架开发小程序，让小程序有了质的飞跃，一方面可以提高开发者的开发效率和质量，另一方面，方便开发者根据用户需求及时修改小程序，进一大步提高产品用户体验。
1.2研究课题和意义
微信小程序在2016年下半年推出后直到今天，依旧获得广大微信用户的一致好评，与传统的APP相比，小程序的未来前景依旧广阔。对于蓬勃发展经济下的今天，尤其是对中小型互联网公司来讲，微信小程序会降低研发经费和周期，提高开发效率。小程序经过几年的发展，不断的成长和成熟，一直在向全新的领域做出大胆尝试。
小程序依附微信而生，微信有广大的用户群做支撑，根据小程序的优点和特性，小程序也终将拥有极其庞大的用户群。当今社会，经济蓬勃发展，生活节奏加快，人们花在读书上的时间少了，花在读书交流上的时间更少了。但是人们要进步，要提高自己，就不得不读书。在如今大多数人喜欢读书，并愿意挤时间来读书。无论是小说还是文著，网络读书仿佛是一种新的风向标。开发者看中这块用户需求，旨在服务广大的网络书虫，立志开发一款基于微信小程序的在线书城小程序，并带给他们较优的用户体验。[]
第二章 需求分析
2.1设计思想
为了迎合广大读书爱好者的口味，同时要保证每个用户的独立性，本设计的开发者需要保证每个使用本小程序的用户能够成功登录，并能够保证他们在线期间的操作信息，方便下一次使用本小程序。同时，开发者需要给予用户一些自主性，使他们能够通过本小程序进行一定量的互动，用户彼此之间可以互相交流，深入探讨。为了丰满书城的内容，考虑到图书的流通意义，用户可以通过本小程序添加手上现有的图书到小程序服务端，可以自行留取图书评论。
2.2 设计分析
本设计是基于微信的小程序，微信是一款当下极其流行的聊天交友软件，拥有上亿的用户群。因此，该小程序的生存环境非常好，由于微信本身对手机的性能要求并不是很高，市面上80%的智能手机都能够良好、稳定的运行微信软件，所以这对基于微信的小程序来讲，这种环境很舒适。该款小程序开发流程需符合微信官方小程序的设计流程，在系统设计完毕后，应能够在微信官方web开发工具平台安全稳定的运行，对于小程序用户界面配色要做到无违和感，符合大多数用户审美条件。本设计前期可依靠本地环境稳定运行，在后期可剥离本地环境，进入腾讯官方小程序审核流程，可完成上线功能。由于本设计部分功能是具有企业资质才可以具备的，因此小程序上线还需要很大一步要走。
本设计在实际开发中，基于window 10环境，构建本地环境进行开发，使用了MySQL 8.0关系数据库完成小程序数据存储与管理，由于微信web官方开发工具并不支持对vue文件的编辑，不支持vue组件化开发，所以开发软件选择第三方软件Visual Studio Code，该软件是微软公司开发的一款针对于编写现代web和云应用的跨平台源代码编辑器，同时拥有众多插件，可以使开发者专心有序的进行程序开发。目前小程序基于window 10 环境，同时对mac，linux等环境也存在支持方案，可移植能力较强。
综上所述，开发一款基于微信小程序的在线书城是很有必要的，同时对该小程序的发展前景和用户群充满期待。
第三章 系统设计
3.1 系统说明
对于本设计大体结构的拿捏，经过我反复研究和调研，决定做一款基于mpvue的，并通过vue和koa2技术开发一款全栈的，系统相对稳定的在线书城小程序。其中在该小程序中包含了个人中心模块，图书列表模块模块，图书详情模块，图书评论模块，个人评论列表模块等。纵观整个系统中所使用的技术，内容是比较丰富的，对专修电子信息专业的作者来说还是很有挑战性的，在本小程序中作者使用了vue.js技术搭建前端，包括了数据渲染，组件化开发等技术；利用Koa2技术完成后端内容，包括koa2中间件技术，koarouter路由技术，还是使用了Knex操作MySQL数据库。
在整个设计中也提供了一些贴心的，非常实用的小功能，可以带来更好的用户体验。为了完成本次开发，我必须要有坚实的web开发基础知识，比如web开发的三大基础HTML、CSS、JS，此外还要了解并熟悉node.js，npm和webpack的相关内容，还要了解一点ES6/7的语法知识。由于我们搭建是一款微信小程序，所以微信小程序开发文档是必不可少的，这份文档我认为更新速度还是蛮快的，因此在设计过程中，我严格贴合实际情况，定期研读微信开发文档，掌握本小程序开发所使用到小程序API，使自己的设计与时俱进，保证其系统可实施性。[]
目录
第一章 引言 1
1.1课题背景 1
1.2研究课题和意义 1
第二章 需求分析 2
2.1设计思想 2
2.2 设计分析 2
第三章 系统设计 3
3.1 系统说明 3
3.2 系统设计流程图 4
3.3笑谈技术栈 5
3.3.1 vue.js 5
3.3.2 koa2 5
3.3.3 Node.js 6
3.3.4 mpvue 6
3.3.5 ES6 7
3.3.6 微信小程序 7
第四章 系统实现 10
4.1构建本地开发环境 10
4.2个人中心页面模块 12
4.3图书录入功能模块 17
4.4图书列表显示模块 22
4.5图书详情显示模块 29
4.6评论模块 32
第五章 系统调试 39
5.1代码规范调试 39
5.2 BUG调试 41
5.3 系统调试小结 42
结论 46
致谢 47
参考文献 48
附录 *好棒文|www.hbsrm.com +Q: @351916072@
：程序代码 49
第一章 引言
1.1课题背景
在去年的3月份左右，mpvue（Vue.js in mini program）框架作为美团的开源项目面世，是当前业内比较火热的使用vue开发小程序的解决方案。考虑到小程序本身的优势和特性，开发者决定基于mpvue开发一款小程序。小程序依附微信为载体，它不需要用户下载和安装，仅仅依靠短暂的数据加载便可以直接使用，其性能优势可以和传统APP相媲美，无需下载和安装的应用使用户完全不需要担心内存问题，与此同时，使用mpvue框架开发小程序，让小程序有了质的飞跃，一方面可以提高开发者的开发效率和质量，另一方面，方便开发者根据用户需求及时修改小程序，进一大步提高产品用户体验。
1.2研究课题和意义
微信小程序在2016年下半年推出后直到今天，依旧获得广大微信用户的一致好评，与传统的APP相比，小程序的未来前景依旧广阔。对于蓬勃发展经济下的今天，尤其是对中小型互联网公司来讲，微信小程序会降低研发经费和周期，提高开发效率。小程序经过几年的发展，不断的成长和成熟，一直在向全新的领域做出大胆尝试。
小程序依附微信而生，微信有广大的用户群做支撑，根据小程序的优点和特性，小程序也终将拥有极其庞大的用户群。当今社会，经济蓬勃发展，生活节奏加快，人们花在读书上的时间少了，花在读书交流上的时间更少了。但是人们要进步，要提高自己，就不得不读书。在如今大多数人喜欢读书，并愿意挤时间来读书。无论是小说还是文著，网络读书仿佛是一种新的风向标。开发者看中这块用户需求，旨在服务广大的网络书虫，立志开发一款基于微信小程序的在线书城小程序，并带给他们较优的用户体验。[]
第二章 需求分析
2.1设计思想
为了迎合广大读书爱好者的口味，同时要保证每个用户的独立性，本设计的开发者需要保证每个使用本小程序的用户能够成功登录，并能够保证他们在线期间的操作信息，方便下一次使用本小程序。同时，开发者需要给予用户一些自主性，使他们能够通过本小程序进行一定量的互动，用户彼此之间可以互相交流，深入探讨。为了丰满书城的内容，考虑到图书的流通意义，用户可以通过本小程序添加手上现有的图书到小程序服务端，可以自行留取图书评论。
2.2 设计分析
本设计是基于微信的小程序，微信是一款当下极其流行的聊天交友软件，拥有上亿的用户群。因此，该小程序的生存环境非常好，由于微信本身对手机的性能要求并不是很高，市面上80%的智能手机都能够良好、稳定的运行微信软件，所以这对基于微信的小程序来讲，这种环境很舒适。该款小程序开发流程需符合微信官方小程序的设计流程，在系统设计完毕后，应能够在微信官方web开发工具平台安全稳定的运行，对于小程序用户界面配色要做到无违和感，符合大多数用户审美条件。本设计前期可依靠本地环境稳定运行，在后期可剥离本地环境，进入腾讯官方小程序审核流程，可完成上线功能。由于本设计部分功能是具有企业资质才可以具备的，因此小程序上线还需要很大一步要走。
本设计在实际开发中，基于window 10环境，构建本地环境进行开发，使用了MySQL 8.0关系数据库完成小程序数据存储与管理，由于微信web官方开发工具并不支持对vue文件的编辑，不支持vue组件化开发，所以开发软件选择第三方软件Visual Studio Code，该软件是微软公司开发的一款针对于编写现代web和云应用的跨平台源代码编辑器，同时拥有众多插件，可以使开发者专心有序的进行程序开发。目前小程序基于window 10 环境，同时对mac，linux等环境也存在支持方案，可移植能力较强。
综上所述，开发一款基于微信小程序的在线书城是很有必要的，同时对该小程序的发展前景和用户群充满期待。
第三章 系统设计
3.1 系统说明
对于本设计大体结构的拿捏，经过我反复研究和调研，决定做一款基于mpvue的，并通过vue和koa2技术开发一款全栈的，系统相对稳定的在线书城小程序。其中在该小程序中包含了个人中心模块，图书列表模块模块，图书详情模块，图书评论模块，个人评论列表模块等。纵观整个系统中所使用的技术，内容是比较丰富的，对专修电子信息专业的作者来说还是很有挑战性的，在本小程序中作者使用了vue.js技术搭建前端，包括了数据渲染，组件化开发等技术；利用Koa2技术完成后端内容，包括koa2中间件技术，koarouter路由技术，还是使用了Knex操作MySQL数据库。
在整个设计中也提供了一些贴心的，非常实用的小功能，可以带来更好的用户体验。为了完成本次开发，我必须要有坚实的web开发基础知识，比如web开发的三大基础HTML、CSS、JS，此外还要了解并熟悉node.js，npm和webpack的相关内容，还要了解一点ES6/7的语法知识。由于我们搭建是一款微信小程序，所以微信小程序开发文档是必不可少的，这份文档我认为更新速度还是蛮快的，因此在设计过程中，我严格贴合实际情况，定期研读微信开发文档，掌握本小程序开发所使用到小程序API，使自己的设计与时俱进，保证其系统可实施性。[]
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/dzkxyjs/759.html
