基于微信小程序的网上购物系统设计模式

信息与电脑China Computer & Communication2019年第19期

基于微信小程序的网上购物系统设计模式

申晨彦

（晋中职业技术学院，山西 晋中　030600）

摘　要：近年来，移动信息技术的不断发展，使越来越多的APP软件被应用在智能手机中，这也使智能手机的功能变得日益丰富。微信作为人们日常生活中一种重要的社交软件，拥有非常庞大的用户基数，这也使越来越多的商家意识到微信拥有的巨大商机，并纷纷通过微信小程序开发网上购物系统，以此为消费者的线上购物提供更大的便利，使消费者能够足不出户便能买到所需的产品。笔者便对基于微信小程序的网上购物系统设计模式进行深入分析，以期能够为更多商家在应用微信小程序设计网上购物系统时提供一定的借鉴。

关键词：微信小程序；网上购物；系统设计

中图分类号：TP311.56　　文献标识码：A　　文章编号：1003-9767（2019）19-090-03

Design Mode of Online Shopping System Based on WeChat Applet

Shen Chenyan

Abstract: In recent years, with the continuous development of mobile information technology, more and more APP software

(Jinzhong Vocational and Technical College, Jinzhong Shanxi 030600, China)

has been applied to smart phones, which also makes the functions of smart phones more and more abundant. As an important social software in people's daily life, WeChat has a very large user base, which also makes more and more businesses aware of the huge business opportunities of WeChat, and have developed online shopping system through WeChat applet, in order to provide consumers for more businesses in the application of WeChat applet to design online shopping system.

Key words: WeChat applet; online shopping; system design

with greater convenience for online shopping, so that consumers can buy the products they need without leaving home. This paper makes an in-depth analysis of the design mode of online shopping system based on WeChat applet, in order to provide some reference

0　引言

自21世纪以来，科学技术的不断进步，使人们对信息化技术的依赖程度不断提高，与此同时，人们的购物方式也发生了巨大变化，这也带动了电子商务的兴起[1-2]。微信凭借其强大的社交功能与安全的支付方式，深受广大用户的欢迎和青睐，其一经推出，便吸引了数量庞大的用户，现如今，微信已经取代了QQ，成为使用用户数量最多的社交软件，与此同时，微信所具有的市场前景也吸引了更多商家的目光，这也使越来越多的商家通过微信来宣传自己的商铺形象、推广自己的产品。利用微信小程序，可以将电子商务进行有机结合，从而使消费者能够利用微信进行在线支付，以此购买到自己所需的产品，这也为消费者提供了很大便捷，可以说，微信小程序的应用，为电子商务的进一步发展 提供了契机。

1　微信小程序及网上购物系统相关技术

1.1　微信小程序

微信小程序能够将服务和用户连接起来，从而使用户能够随时随地获得所需的优质服务。微信小程序所提供的服务是非常方便快捷的，用户在需要获得服务时，只需要通过线下扫一扫，或是搜索相应的公众号，即可下载和安装对应的小程序应用，该小程序应用所占内存极小，用户可通过该小程序应用浏览商家的商铺，并从中购买到所需的商品[3-4]。

在微信小程序中，其采用MINA框架，该框架能够对微信客户端所具有的基础功能，如数据安全、网络通信、文件系统等功能进行封装，以此形成JavaScript API，以供上层使用。在MINA框架中，主要采用了WXSS、WXML等视图层语言进行描述，框架内则包括3个组成部分，分别是系统

作者简介：申晨彦(1982—)，女，山西晋中人，本科，助教。研究方向：电子商务教学研究。

— 90 —

2019年第19期

信息与电脑China Computer & Communication软件开发与应用

层、视图层以及逻辑层，对于系统层来说，主要包含文件存储、临时数据或缓存、网络存储及调用。视图层则是一种类似于HTML标签的基础组件，视图层的基础结构利用WXML文件进行搭建，并通过WXSS文件对页面展现样式进行控制。在微信小程序中，视图层能够对逻辑层的数据处理结果进行展现，并对视图层事件进行实时监听。对于逻辑层来说，其也是微信小程序MINA框架中的核心，逻辑层能够对视图层的事件处理请求进行响应，并在事件处理完毕后，将处理结果传输至视图层中进行展示。1.2　网上购物系统关键技术

在基于微信小程序的网上购物系统中，其还应用了以下关键技术，分别是ThinkPHP 5框架技术、RESTFul API技术、微信支付技术以及MySQL数据库技术。其中，ThinkPHP 5框架技术是一种面向对象，具有开源性特点的轻量级框架，其能够对敏捷Web应用进行开发，同时以Apache2开源协议进行发布，还能够简化代码，提高系统性能。RESTFul API技术又被称为REST技术，是一种Web服务交互方案，其通过设置相应的约束条件，以此确保应用程序在风格上变得更加富有层次感和简洁感，并且也能使页面缓存变得更易实现。微信支付技术则是微信中自带的支付功能，其主要包括两种支付模式，一种是普通支付模式，另一种是服务商支付模式，在微信支付时，需要确保非个人小程序号是经过认证的，而且其已经提出了微信支付功能申请，在申请通过后，微信平台会自动收到对应的商户号及平台密码等信息。微信支付可以进行刷卡支付、APP支付、公众号支付等。

2.2　系统功能

结合用户在网上购物中的具体需求，并分别对PC端与APP端的购物网站中所具有的功能模块进行对比，在对微信小程序网上购物系统进行开发时，其功能并不需要比PC端及APP端更加丰富，同时需要明确使用场景。微信小程序需要将线下实体店结合起来，从而能够使网上购物的服务主题变得更加明确，在设计过程中应尽可能减少与购物无关的功能模块开发，以便于为用户带来更加简单便捷的服务体验。微信小程序网上购物系统在功能模块上应包括商品信息展示、购物车、个人信息管理、用户登陆、商品分类检索以及下单支付等功能模块。通过这些功能模块，便可确定微信小程序网上购物系统的主要功能，主要包括对商品进行分类检索的功能、购物车操作功能、个人信息编辑功能以及下单支付功能。2.3　功能需求

用户在应用微信小程序进行网上购物时，根据用户的微信授权状态，可将用户划分为两类，一类是游客，另一类则是客户端软件用户。在这两类用户中，如果用户接受了微信授权，则其便是客户端软件用户，如未进行微信授权，则属于游客，游客无法正常使用客户端中的某些功能。对于客户端软件用户来说，其功能需求主要包括获取小程序、浏览商品、浏览专题商品、浏览分类商品、查看与管理购物者、管理个人信息、生成订单、管理订单以及微信支付。而对于游客来说，其只能获取小程序，并对商品、购物车及个人信息进行浏览、查看和管理，而无法使用生成订单、管理订单以及微信支付等功能。

2　基于微信小程序的网上购物系统

2.1　业务流程

在基于微信小程序的网上购物系统中，需要对网上购物系统客户端、数据库以及服务器进行分别开发，在客户端中，用户可以通过微信小程序对商家的店铺进行浏览、商品检索、购物车及个人信息管理等，而在数据库中，则需要确保各个数据表能够进行可靠关联，同时还要保证数据库具有一定的可扩展性。用户在通过微信下载了网上购物系统客户端小程序后，微信会自动弹出权限申请，以便于确定是否需要对用户的个人信息进行收集。此外，用户也可通过小程序对各个页面中的商品进行浏览，在浏览商品时，用户可按照所需商品的类别或名称进行检索，并将所需的商品加入购物车。用户在商品挑选完毕后，便可在购物车界面中对商品价格进行结算，当用户未登陆时进行结算，小程序则会自动在微信中弹出个人信息获取权限申请，用户需要对个人信息进行补充，填写地址及电话等信息，在信息填写完毕后，用户便可进行下单，此时系统会自动弹出支付界面提醒用户结算订单，并依据支付方式生成对应的历史订单信息。

3　基于微信小程序的网上购物系统设计模式

3.1　系统架构

在基于微信小程序的网上购物系统中，其系统架构主要由3部分组成，分别是数据管理、小程序客户端以及服务器，在小程序客户端中，主要采用MINA框架，在MINA框架中还有一系列的组件，微信小程序客户端的功能及界面主要通过MVC设计模式进行设计，用户可登陆客户端获得购物体验。而在服务器端中，其数据接口是利用MySQL与ThinkPHP 5对REST API进行构建，在此过程中，ThinkPHP 5可以充当服务器的外部框架，其能够使数据在客户端和数据库中进行传递和处理。系统的业务逻辑不仅会得到本地服务器的支持，其还利用服务器API接口来对业务逻辑进行编写。而对于MySQL来说，其是网上购物系统的数据库，MySQL能够对数据进行存储与调用，并可对数据表进行设计，并且，MySQL能够和TP5服务器进行结合使用，从而使客户端能够为用户提供相应的访问接口。在数据管理中，可对API进行调用，以此获取服务器数据库中存储的订单数据、

— 91 —

软件开发与应用

商品信息等信息。3.2　设计方法与部署

信息与电脑China Computer & Communication2019年第19期

性和码。根据系统实际业务，除了要建立MySQL数据库以外，还要应用Navicat图形化管理数据库，并依据数据表的内容对MySQL数据库进行设计。

在对基于微信小程序的网上购物系统进行开发时，主要应用了面向对象的开发方法，该方法具有继承性、封装性以及多态性特点。在网上购物系统中有着若干个独立的模块，这些模块均拥有对应的功能，可根据这些模块的功能进行集中开发，最后再集成这些模块，从而使系统具备更加鲜明的层次结构，从而也方便开发人员进行管理。针对系统设计中存在的基础性问题，可应用面向对象的软件开发方法进行解决，同时也能通过模块复用来减少开发量，使系统开发效率得以提高。在系统环境部署中，则应用了XAMPP建站集成软件包，XAMPP集成了Apache、MySQL、PEPL\\PHP等软件，并可对MySQL、PHP以及Apache服务器等组件进行选择性安装。3.3　数据库设计

在基于微信小程序的网上购物系统开发中，需要对数据库进行可靠、高效的开发，以此提高系统运行速度。在本文中，主要应用了关系型数据库，关系性数据库能够使开发工作变得更加规范，并且保障数据在数据库中进行存储的完整性与一致性。在对数据库进行开发时，还要根据业务知识来确定系统中各个实体的关系类型，在数据库的逻辑结构上，需要将这些实体利用E-R图进行关系模式转换，并确定其属

4　结　语

本文对基于微信小程序的网上购物系统设计模式进行了探讨，分析了微信小程序及网上购物系统中的相关技术，探讨了系统所具有的业务流程、主要功能及功能需求，在此基础上进一步明确了系统架构、设计方法、环境部署及数据库设计，从而能够为微信小程序网上购物系统的设计与优化提供了一定的参考价值。

参考文献

[1]梁爽,姜攀.基于微信小程序的个人商铺系统设计与实现[J].电脑编程技巧与维护,2018(8):70-74.

[2]朱悦星,陈恺,郭友达,等.小程序开发及其开源生态、应用案例分析[J].无线互联科技,2018,15(17):34-37.

[3]刘欢,方宇杰,庞文琦,等.基于微信小程序的农产品电子商务平台开发——“兰特商城”[J].农村经济与科技,2018, 29(17):144-146.

[4]李怡洁,金秀玲.对于周黑鸭微信小程序营销策略的研究[J].全国流通经济,2018(28):6-7.

（上接第89页）

Do While m <= shouldBeSelected '在本组范围内随机选择一个人 rowNuArray(m) = Int(Rnd * k + 1)

'检查生成的随机数，不重复则继续下一步 For j = 1 To m

If rowNuArray(m) = rowNuArray(j) Then Exit For Next j

If m = j Then m = m + 1 Loop

'将第i组被选中人员复制到结果表中 For j = 1 To shouldBeSelected

selectedAmount = selectedAmount + 1 targetWs.Rows(selectedAmount + 1).Value _= tempWs.Rows(i + rowNuArray(j)).Value Next j

'移动启始标记，为下一组的抽选作好准备 i = i + k - 1 Next i

4　结　语

在VBA程序的实现中，充分利用了其动态数组的特性，在运行时将电子表格中的数据装入二维数组中，通过数组来进行数据的比较、选择和交换，增强了数据处理的便捷性，也提高了运行的速度。在实际应用中，由于涉及电子表格与数组间的数据交换，人员信息表中间不能存在空行，并且每个人的重要信息不能有缺项。对于本例来说，表中前6个列的数据要尽量完整，这样才能确保程序的正确运行。

参考文献

[1]Office开发人员中心.Range 方法(Excel)[EB/OL].(2019-05-11)[2019-10-06].https://docs.microsoft.com/zh-cn/office/vba/api/excel.range.table.

[2]Excel与VBA学习频道.VBA基础[EB/OL].(2018-06-07)[2019-10-06].https://www.jianshu.com/p/f1306469dcd6.

[3]Bill Jelen,Tracy Syrstad.VBA and Macros:Microsoft Excel 2010[M].Indianapolis:Que Publishing,2010:459-460.

— 92 —