网络商城微信小程序的设计与实现_kaic

目录
原创性声明
摘要
ABSTRACT
第1章绪论
1.1选题背景
1.2国内外研究现状
1.3研究目的和意义
1.4论文结构
第2章相关理论与技术
2.1微信web开发者工具
2.2微信小程序开发组件
2.3微信小程序开发API
2.4前端开发技术
2.5 后台开发技术
2.6数据库技术
2.7本章小结
第3章需求分析
3.1功能需求
3.1. 1系统功能模型
3.1. 2系统核心业务
3.2系统性能需求
3.3可行性分析
3.4本章小结
第4章系统设计
4.1系统设计原则
4.2系统架构设计
4.3系统逻辑结构设计
4.4系统功能结构设计
4.4. 1前端功能设计
4.4. 2后台功能模块
4.5数据库设计
4.5. 1数据库模型
4.5.2数据库详细设计
4.6本章小结
第5章 系统实现
5.1开发环境搭建
5.1. 1获取微信小程序ID
5.1.2搭建开发环境
5.2前端功能模块实现
5.2. 1注册登录模块
5.2. 2 商品展示模块
5.2. 2. 1商品分类展示
5.2. 3购物车模块
5. 2.4订单结算模块
5. 2.5在线客服模块
5. 2.6用户信息管理模块
5.3后台功能模块的实现
5. 3. 1商品管理模块
5. 3. 2仓库管理模块
5.3. 3系统管理模块
5.4本章小结
第6章系统测试
6.1测试方法
6.2系统测试环境
6.3测试结果
6.3. 1系统功能测试结果
6.3. 2系统兼容性测试结果
6.3. 3系统性能测试结果
6.4本章小结
第7章总结与展望
7. 1工作总结
7. 2未来展望
参考文献
致谢
第1章绪论
1.1选题背景
21世纪全球经济高速发展，信息技术的发展日新月异，这也潜移默化地影 响着人们的购物观念以及购物方式，特别是网上购物成为了一种新型的购物方式 [1]o传统的购物方式让我们总需要考虑时间和空间的局限性，然而网上购物的方 式让我们改变了传统购物的方法，使之变得便利、简略、快捷，可以达到足不出 户即可以购买所需商品的购物方式。
因为广大消费者消费观念的改变以及网上购物方式的普及，电子商务在我们 国家得到了快速的成长。电子商务的发展形式和速度是信息时代所特有的，传统 的电子商务形式是从B2C形式、C2C形式，发展到了现在的B2G、B2B、C2A 等多种形式[2]o B2C是一种贸易零售企业对消费者的发卖模式，换言之，是贸易 零售企业在背景数据库公布各类商品信息和服务信息，然后供给消费者阅读搜刮， 终究将商品和服务发卖给消费者的进程。C2C是一种消费者对消费者的发卖模式， 一名消费者若是想把本身的商品出售出去，可以经由过程购物平台出售给另一名 消费者⑶。由于科学技术的进步，使得我国的网上购物从之前的不完善和安全有 隐患改变成了现在的快捷平安。
各式各样的网络商城，这些网络商城可以全天候地提供消费服务，是因为网 上商城是全天24小时营业，当然也要保证将商品信息成功记录至数据库，同时 保障服务器正常运行[4]o使用者可以不会受空间的限定，无论是在最北边或者是 在最南方，只如果快递可以或许投递的地方，用户就可以下单采办商品。从最初 人们只能从PC端的商城中体验网购的乐趣，到后来移动端的APP的出现，人们 只需要动动两根手指就能完成整个购物过程，然而购物APP的种类繁多，导致 我们即使某些APP的使用率很低，我们也要让它占据我们手机的内存。
2017年1月9日，小程序正式上线的标志是“微信之父”一一张小龙在广 州亚运城综合体育馆进行的微信2017公开课Pro上以“下一站”为主题的发布 会[5]o这个微信平台上的程序全称微信小程序，简称小程序，缩写XCX，英文名 mini program，小程序的使用优势在于其几乎是不占用手机内存的，而且在使用 小程序之前是不必再应用商店中下载相信的应用软件的。用户进入小程序只需要 在装有微信的手机中打开微信，直接搜索相应的小程序名称就可以直接进入小程 序。同时小程序的提供给消费者的用户体验也是不逊色传统购物软件的，甚至用 户提还要更高。[6]微信平台淋漓尽致地发挥了小程序“微、轻、小”等主要特点。
微信网络商城小程序的发以京东商城微信小程序的上线为开始起点的，到现 在微信平台上已经上线了各种各样样的网络商城，进一步改变了人们的购物方式。
1.2国内外硏究现状
小程序的主要开发语言是JavaScript,在国外JavaScript基本上是应用于网页 开发，Google、YouTube、Facebook等的都是利用JavaScript语言进行的前端开 发⑹。与小程序相比，两者有很大的相似性同时还是有些许区别的。第一点长时 间的脚本运行可能会导致页面失去响应的原因，是因为网页开发渲染线程和脚本 线程是互斥的。而在小程序中，二者是分开的，分别运行在不同的进程中。其次， 网页开发者需要面对的环境是各式各样的浏览器,PC端需要面对IE、Chrome等， 在移动端需要面对Safari、Chrome以及各种操作系统中的各式WebView"'。而小 程序开发过程需要面对的是两大操作系统iOS和Android的微信客户端。
虽然小程序上线才两年的时间，但从技术的维度来看，小程序并非凭空冒出 来的一个概念回。小程序只是一种新型的程序类型，关于小程序的构思的第一次 出现其实不是在微信平台上。但是由于微信用户的规模庞大以及微信重视小程序 的开发工作，使得微信小程序日渐成为我们消费者的主流应用系统的发展模式。
在当今社会我们对网络商城的概念并不感到生疏了，随着网络时代日新月异 的发展，不仅网络商城的系统逐步完善，而且电子商务也成为了当今经济发展的 重要因素⑼。
在国外，当前网络商城发展的领军者当属北美市场了，其中美国网络商城的 快速发展走在了北美市场的前沿。具体体现在虽然美国市场仅仅经历了一年的时 间就从B2C结算转变成为了 B2B结算，但是通过B2B结算就已经超过了 B2C 结算的交易额[10]o在全球网络商城发展的过程中，即使以美国为代表的北美市场 的网络商城发展突飞猛进，但是网络商城在欧洲地区的发展也在全球网络商城的 发展中占有重要地位，其中欧洲依靠欧盟这一特殊的机构，整合资源，结合全球 网络商城发展优点，走出了自己独特的道路，为全球网络商城发展贡献自己的力 量。将目光转向国内市场，我国互联网发展的起步较晚，目前我国内的网络商城 的结算依旧采用B2C结算[11]o我国网络上出现的首批网络商城服务到现在不过 才二十多年。但是近年来我们国家计算机相关行业的迅猛发展，其中网络商城是 其中的佼佼者。线上购物逐渐赶上甚至超过了线下购物，成为我国消费者的主要 消费方式，同时网络商城的发展也逐渐改变我们的消费方式、生活习惯[12]o是我 们国家未来消费方式的趋势。
1.3硏究目的和意义
本选题来源于国家科技支撑计划项目“民族特色农产品多语言网络交易展示 平台关键技术集成与应用示范”，依托项目研发成果及后期运维，设计开发一个 基于微信平台的网络商城小程序，主要目的一是便于项目的研发者、组织者进行 业务推广，扩大支撑项目平台成果的影响力；二是符合当今人们高节奏的生活方 式，使应用实现了触手可及，能够让消费者得到更加快捷，便捷的服务。将国家 科技支撑计划课题的成果做一个更为全面、更为深入的推广[13]o
本文希望通过为这个特色农产品交易展示平台设计一个基于微信平台的网 络商城小程序，可以说是顺应了当前手机应用发展的趋势，可以深入推广这个交 易平台。让民族地区的农产品更好地“走出去”，增进民族地区电子商务的成长。 从现实角度考虑，结合微信平台提供小程序开发工具以及小程序开发的相关技术、 理论等，以满足广大少数民族地区对网络商城小程序的需求，同时能够让少数族 地区的特色农产品更快、更广泛地走向全国消费者的视野。继而，带动了当地经 济的发展，切切实实地方便了少数民族地区的人群。
1.4论文结构
本课题研究的主要是：通过设计实现基于微信平台的网络商城小程序，来深 入推广特色农产品交易展示平台，性能上保证在其在微信平台上运行达到流畅， 网络商城相关功能达到稳定等要求。本文的结构分为以下几个部分。
第一章：绪论，简要描述了选题背景、国内外研究现状、研究目的和意义、 研究内容，并对本设计中用到的相关设计框架和技术概念进行介绍。
第二章：相关理论与技术，介绍的是基于微信小程序的网络商城所运用到的 理论与技术。其中包含：开发环境、系统框架、服务器技术、数据库技术等。然 后分别从客户端和服务器端对系统对功能需求进行阐述，指出了系统的设计方向, 对系统的研究方向做出指引。
第三章：需求分析，主要任务包括深入描述软件的功能和性能；确定软件设 计的约束和软件同其他系统元素的接口细节；定义软件的其他有效性需求。具体 有功能需求、性能需求、环境需求、可靠性需求、用户界面需求等。
第四章：系统设计，对基于微信小程序的网络商城的整体架构和各功能模块 的具体设计方法做出详细介绍。
第五章：系统统实现，对系统的各个功能模块如何实现作出详细说明并展示 实现效果。
第六章：系统测试，本文从系统功能测试、系统兼容性测试（包括：操作系 统兼容性、屏幕兼容性以及微信版本兼容性等）、系统性能测试（包括：页面的 白屏时间，首屏时间，资源占用，页面渲染时间，帧率等）等方面对小程序进行 了测试，并且分析得出测试结果。
第七章：总结与展望，对整个系统设计的过程以及本文所做的工作进行了总 
结，并且通过系统实现和测试分析指出系统存在的问题还有待优化和改善的地方。 
第2章 相关理论与技术
2.1微信web开发者工具
开发网络商城小程序使用的开发工具是腾讯官方为我们开发人员提供了专 门开发微信小程序的开发工具一“微信web开发者工具”（简称“开发者工具”） [14]
开发者在安装开发者工具的时候需要在微信小程序开发文档中找到小程序 开发工具的下载界面，根据自己的操作系统下载相对应的安装包进行安装[15]o本 文开发的基于微信小程序的网络商城windows?上进行开发的。安装成功后，即 可以在桌面上或者开始菜单中找到小程序开发者工具的快捷方式，打开即可[16]o 微信小程序的主要开发语言是JavaScript,采用微信web开发者工具。使用微信 web开发者工具调试小程序，可以完成小程序的API和页面的开发调试、代码 查看和编辑、小程序预览和发布等功能[17]o
在开发语言层面小程序与传统web开发差别不大，都是使用JavaScript脚本 语言编写逻辑代码、使用类似于HTML的WXM 了来描述页面的结构、使用类 似于CSS的WXSS来描述节点的样式[18]。但是由于小程序渲染和逻辑分离的运 行机制与传统的web存在差异，我们可以借助微信web开发者工具完成小程序 的代码开发、编译运行、界面和逻辑调试、真机预览和提交发布版本等功能。