基于微信小程序的购物商城的设计与实现
概括
随着信息技术的发展和用户消费升级，传统超市、电商线上促销和购物体验都遇到了瓶颈。无人超市为消费者购物行为增加了高科技体验，但这种炫酷的黑科技体验，也伴随着高昂的门店成本投入和维护，如果社会普遍复制这种模式，技术和成本门槛会更高。为传统线上商家开发更广泛的应用，为消费者提供多功能和便捷。微信“触手可及”，非常适合人们生活中重要的低频需求，相比原有APP，更适合快速增加的线下需求。本文以传统社区便利店的购物方式为切入点，结合微信小程序技术，采用面向对象的开发方法，开发出一款方便快捷的微信小程序购物系统，可以方便消费者进行线下促销和线上购物。
本系统主要由微信客户端、服务器、数据管理端组成，服务器采用框架技术，客户端采用微信的MINA框架，数据管理端采用CMS框架，客户端的页面通过网络和服务端REST API接口获取。
主要从事微信小程序网购系统客户端、服务端及数据库的设计、开发与测试。
在系统设计实现过程中，客户端代码采用MVC模式进行控制，采用此模板提高代码的可重用性，并针对客户端用户建立管理机制，用于用户认证和权限分级。本文重点介绍了小程序购物系统客户端商品信息展示、商品分类、购物车、订单支付、个人信息管理及数据库设计等六个模块的设计实现过程。
关键词：微信小程序网购；AJAX语言；系统组成
和购物中心
随着和的用户，电子和有。有的高科技，但有了这个，是高的成本，如果这个，和的成本将是。的，与和。
是“在您的”并且是低的。使用 APP，它更适合。这就像 、 、 - 和 一样快，可以出去和。
的 是 ，和 数据。 的 是 ，和 数据 CMS 的 MINA。 的 页面获取 web 和 REST API。
在 ，和 ，和 。
在 的和 中，MVC 模式的和 在代码中。这是用于为用户和 的代码和。这是在 、 、 购物车、 和 六个的和 上。
钥匙 ： ; ; /
目录
第一章 引言
1.1 项目研究背景及意义
1.2 国内研究现状分析
1.3 论文的主要研究工作
第2章 系统相关技术研究
2.1 可行性研究
2.2 系统需求分析
第三章 微信小程序网购数据库设计
3.1 数据表设计
3.2 数据库信息的保护
第四章 微信小程序网购系统总体设计
4.1 系统总体设计
4.2 系统接口设计
4.3 系统功能模块设计
第五章 微信小程序在线购物微信小程序详细设计
5.1 用户界面详细设计
5.2 界面设计中使用的元素
第六章 微信小程序网购系统测试
6.1 系统测试概述
6.2 系统测试规则
6.3 系统测试方法
综上所述
参考
第一章 引言
基于微信的微信小程序在线购物系统是O2O、电商与微信联动的产物，集成了微信开发、服务端开发、数据库、网络等多种流行技术。消费者只需要扫描小程序码即可快速获取店铺及商品信息，方便用户随时随地购买商品。小程序购物客户端的加入，为电商发展增添了新的活力。
1.1 项目研究背景及意义
近年来，随着我国网络基础设施的不断完善，信息技术及第三方支付工具的不断发展，微信小程序网购的普及成为人们生活中的重要组成部分。基于PC平台的购物系统让人们足不出户就能享受购物的乐趣。基于手机的微信小程序网购让便携终端随身携带，让大众可以随时随地选购自己喜欢的商品。社区化购物模式O2O的出现，将线下的商机与互联网相结合，让互联网成为线下交易的平台。这种购买系统以互联网为基础，以社区为基本单位，充分利用社区的信息基础设施，将社区小型实体门店与网络商城相结合，是电子商务模式的一种新突破。线上更强调的是满足消费者的便捷性和会员互动营销的需求，以及实体门店的导流。线下更加便捷，为用户提供更加便捷的现代化智能购物体验服务。
与此同时，在信息技术、消费升级、竞争趋势等诸多因素的驱动下，中国零售业迎来了新的变革机遇，即“线上+线下+物流”的“新零售”，致力于推动线上线下融合，推动价格消费时代向价值消费时代全面转型，以技术为核心实现以消费者为中心的会员、支付、库存、服务等环节的全面打通，推动消费者购物体验的提升，促进消费者购物方式的变革。
新零售发展的核心是满足顾客在特定购物场景下的需求。在顾客信息化、科技化、移动互联网化的趋势下，快买、快送、快卖的购物方式受到用户青睐。但对于传统零售行业来说，为线下门店提供便捷的微信小程序线上购物渠道是提升顾客体验、提高零售效率的重要途径。为此，近年来国内外零售商普遍提供线上线下社区化购买组合。
在主流的微信小程序线上购物系统中，主要有PC端购物系统、APP购物系统以及依托第三方应用的购物入口。2017年初，微信正式上线，进一步激活了微信生态。微信自带本地应用最大的特点就是用户无需下载安装，扫码或搜索小程序即可使用，并且可以看到基于微信现成的轻量级平台，为线下提供更好的服务。
1.2 国内研究现状分析
近年来，随着互联网的飞速发展，移动互联网、移动支付的普及给人们的生活带来了翻天覆地的变化。电子商务也随着互联网的飞速发展而发生着变化，智能应用从PC端到手机端的普及，让人们的生活更加依赖手机，以淘宝、京东等为主的大型APP购物系统在人们生活中的使用越来越频繁，人们可以在这些大型购物APP上购买全国各地甚至世界各地的商品，方便了人们的生活，也加速了商品的流通效率。然而，随着网络购物模式和范围的不断扩大，传统电子商务的瓶颈也日益显现，如物流时间相对滞后和“最后一公里”配送问题、用户实际收到的商品与网上商品介绍相差甚远的问题、客户为售后保障需要支付的高昂邮费等，这些问题降低了用户的购物体验。
新零售的出现，让微信小程序的线上购物范围缩小，注重线上线下结合，为用户打造更加可靠优质的购物服务，给线下大型超市的发展带来了新的活力和机遇。随着移动互联网的发展，购物方式更加移动化、便捷化，注重线上线下结合的社交性，借助社交平台的购物模式应运而生。微信作为国内最大的社交平台，目前月活跃用户数已达10亿，微信已经成为人们生活和互动的重要组成部分。微信于2012年8月上线的微信公众平台，不仅形成了获取用户流量的新媒体渠道，还推动了基于微信公众号的生活服务平台的增长。其中，“美丽说”、“京东商城团购”等通过微信平台运营，用户规模大幅增长。这些案例的成功，说明微信可以凭借社交性很好地连接其他生活服务。 2017年1月9日，微信正式推出微信小程序，张小龙将小程序定位为能用能用的轻量级应用，作为区别于PC和手机的应用，
APP端的新物种，借助微信的海量用户，更适合连接线下用户。对于中小型传统线下零售行业来说，在新零售电商的二次冲击下，小程序的定位为其参与这场转型提供了重要的技术驱动力。
1.3 论文的主要研究工作
本文研究的购物系统主要是针对社区居民的线上购物系统，结合社区小型实体店的新零售，实现覆盖周边地区的线上线下销售模式，拓展销售渠道。系统由后端服务器、微信购物客户端和数据管理系统组成。由于系统中的系统模块较多，本文的主要工作是设计和实现微信客户端与后端服务的交互以及数据库的设计。结合微信技术的购物系统旨在将联通社区小店的线上线下购物方式结合起来，用户可以到店购买商品，亲自检查商品的外观和质量，满意后再购买离开。 如果用户不方便到实体店购物，用户还可以通过小程序获取微信商店并购买微信小程序网购购物系统客户端，完成浏览商品、添加商品到购物车、订购结算的整个购物流程，并可查询用户账户信息、修改收货地址，订单信息可在小程序购物系统的个人信息管理页查看。
根据以上需求，整个微信购物系统项目采用B2C架构，开发方式采用服务端、客户端、数据管理的架构模式，服务端采用和。
构建REST API；客户端实现微信，通过向服务端API发送http通讯请求，获取功能通讯数据；数据管理系统作为管理者或者操作人员的数据管理后台，通过向服务端传递请求数据，实现对商品信息、订单数据及状态的管理。
本论文主要工作是在微信购物客户端系统中获取用户信息、商品信息（包括广告商品、特价商品、新品等商品）、商品分类检索、购物车功能、订单支付功能、个人信息管理功能（电话、地址管理等）、订单管理功能等。本文重点对商品信息展示模块、商品分类检索模块、购物车模块、订单支付模块、个人信息管理模块及数据库设计六个模块的设计与实现。
第2章 系统相关技术研究
2.1 微信小程序
微信是连接用户和服务的一种新方式，这个小程序给用户提供了一种轻量级的服务，你只需要点击几下就可以使用。主要体现在用户获取小程序和使用小程序的服务理念上。用户可以扫描小程序码关联的在线或公众号获取应用，也可以在微信发现页搜索小程序。由于小程序整个文件占用的内存空间很小，用户下载安装小程序几乎听不到声音，所以从用户点击到启动都非常快。小程序的多入口接入和落地体验降低了设备传播和用户获取的成本，可以实现原生APP的基本功能，更适合线下生活服务类和非紧急性低频应用。MINA框架是微信团队为小程序开发提供的框架名称。 MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，向上层提供了一套API。利用微信客户端提供的各种基础功能和函数可以非常方便的快速构建应用程序。总之，MINA其实就是一套可以方便开发微信的工具集合。
框架在视图层的基础上提供了自己的描述语言 WXML、WXSS 和逻辑层，并在视图层和逻辑层之间提供了数据传输和事件机制。这种数据传输和事件机制是一种响应用户交互的数据绑定体系，使得保持数据和视图同步变得非常简单。当需要更新页面数据时，只需要调用逻辑层相应的方法，将结果返回给视图层即可。
2.2 系统功能总体功能分析
在分析网络购物基本需求的基础上，对手机购物APP和PC购物微信小程序的主要功能模块进行了对比分析。小程序开发设计的三大原则：在功能上，小程序要比原生APP更加单一；币圈原生APP更加简洁；在使用场景上，要比原生APP更加清晰。本小程序购物系统主要定位是网络购物渠道，便于传统社区型小店的传播和使用。基于小程序的主要定位，小程序应该与线下门店相结合，为用户提供更加明确的主题购物服务，尽量减少与购物无关的不必要的功能模块，为用户提供方便快捷的使用体验。根据以上分析，小程序购物系统的业务逻辑模块分为用户登录、商品信息展示、商品的分类检索、购物车、订单支付、个人信息管理功能模块。整个系统功能模块如下图所示。 本章将针对各个功能模块进行详细的需求分析。
当用户获取微信后，进入微信购物系统的客户端可以浏览微信的每一个页面，无论用户是否被允许获取微信头像和昵称信息，主要在用户浏览“首页”时触发用户查看商品的功能。主要供用户浏览广告商品、浏览特价商品、浏览新品。
图2.2 用户浏览产品用例图
（1）无论用户是否获取了微信头像或昵称信息或填写了个人信息，用户都拥有浏览商品的权利。
（2）用户进入微信“首页”页面，可浏览页面顶部广告商品、三大主题商品栏目、最新新品。主题商品栏目可转至专门的商品详情页，呈现同一主题的一组商品矩阵展示。
（3）广告产品可以采用在页面起始处自动滚动的横幅广告的形式实现。
（4）用户可以手动下拉页面获取最新的产品信息，产品详情包括产品图片、产品名称、产品数量、产品价格、产品库存状态、产品参数、产品详细图片展示等，用户可以在产品详情页选择产品数量、添加产品到购物车。
第三章 微信小程序网购数据库设计
项目分为微信客户端、服务端和数据管理三个部分，其中微信客户端部分主要利用微信（WXML、WXSS，以及其提供的丰富组件，采用MVC设计模式完成客户端界面和功能集，通过实现和实现，使客户端能够直接与消费用户进行交互，提供流畅的购物体验。服务端主要采用并构建REST API为客户端提供数据接口，包括作为服务端开发的外部框架，可用于实现消费用户使用微信购物系统浏览商品、加入购物车、下单等业务逻辑中的客户端和数据库数据请求、数据处理等。微信客户端实现的一些功能除了需要本地服务端的支持外，还需要服务端编写人员的支持，逻辑调用微信服务端的API接口来实现。数据库主要起到作用，可以实现数据存储、数据表设计等功能，数据库配合TP5服务端为客户端提供可访问的数据接口。
3.1 微信小程序购物系统数据库设计
数据库设计是软件系统开发建设中最基础、最核心的部分，好的数据库设计可以让系统运行得更快更好。目前，关系型数据库是我国中小型系统的主流选择。关系型数据库的设计必须有严格的设计规范，才能有效地组织和维护软件系统中各类数据，为软件系统的数据需求提供高效、准确的处理速度。在实现这一目标的过程中，数据库的标准化设计尤为重要。保持数据存储的一致性和完整性是提高数据存储和处理效率的重要保障之一。在数据库设计中，不仅要满足数据库的设计标准，还要结合具体的业务知识，分析系统中不同实体之间的关系，确定这些实体之间的关系类型。根据小程序购物系统的功能需求分析，本文将按照标准化设计的要求，对小程序购物系统的概念结构设计、逻辑结构设计、数据库配置以及数据库设计的实现进行分析和设计。
3.2 数据库逻辑结构设计
根据概念结构设计中的ER图进行数据库规则转换，将ER图实体及实体间的连接转换成关系模型，并确定关系模型中的属性及编码。实体中的属性与关系模型中的属性一一对应，实体中的编码与关系中的编码一一对应。本系统最终的数据模型以数据表的形式呈现，具体说明了数据表中的属性名称、主键、含义、约束、是否为空等。系统中主要的数据库表设计详述如下：