基于微信小程序实现线上学习商城

基于微信小程序实现线上学习商城

龙春燕, 叶冬芬, 吴彦婵, ,叶林权

衢州学院 浙江衢州 324000

摘 要：随着自媒体的高速发展，高校学生成为新传媒的主要参与者。针对校园学习与服务的特点，本文采用互联网O2O运营模式，通过Uni-App前端框架+云开发后端服设计了基于微信小程序的校园学习服务化线上商城。经试验应用，对基于微信小程序设计学习平台的研究进行了深入探讨，结合微信云技术数据开发和微信的优点，成功设计出一款无需安装即可随时使用的学习微信小程序。它以其便捷高效的特点为学生提供了一个全新的自主学习模式，使师生之间的交流更加密切该平台可通过微信现有引流的校园公众号实现校园服务平台的个性运营，为同学创建校园学习、社交、学习周边购物和学习规划的一体化线上服务环境。

关键词：校园创新商城模式；云函数搭建；微信小程序云开发

项目基金：2022年国家级大学生创新创业训练计划项目（202211488040）

2022年衢州学院大学生创新创业训练计划项目（Q22X010）

1 研究背景

据统计，2021年目前微信的活跃人数为10.9亿人，而小程序的活跃人数为4亿人。目前，一般的 App都不能满足用户的方便需求，用户已经厌倦了 App的功能单一以及需要下载的缺点。但是，有了微信小程序，就可以让许多简化的用户需求得以实现。此外，微信小程序属于轻量级，弥补了市场的空白。

O2O模式的校园服务平台拥有天然的发展土壤，学生的需求和购买能力极强。本文以提供良好的学习氛围和便捷的购物方式相结合，开发出一款基于微信小程序实现线上学习商城。

2微信程序平台系统设计

2.1优势分析

本系统以微信小程序为基础进行设计和开发。微信小程序是一种备受欢迎的编程软件，近几年来受到广泛的关注。微信小程序提供了一种新的连接用户和服务的方法。以微信小程序为基础的应用服务可以利用微信的沟通优势，为用户提供更好的体验。此外，校园线上商城服务平台有着广泛的发展前景。微信小程序设计不需要下载，它遵循“即用即点”的原则，为开发人员提供了一站式的开发服务。除此之外，与APP的开发成本相比，微信小程序的开发成本要低得多，因此整体运营成本也比较低。其操作方式简单，后期维护方便，可以快速实现上线。

2.2需求分析

此平台是基于大部分大学生的现状研究设计的，以学生为主题，目的是为学生在网上量身定制一个便捷的学习平台，并且再此学习平台上开设线上商城，出售可爱有趣的周边，线下自习室的预约等。通过对微信小程序学习平台的分析与研究，得出其需要满足三点需求：（1）尽管 APP 下载程序的功能比较全面，但由于其流量耗费比较多、所占内存较大、分享和推广不够便利，大多数使用者不太喜欢。相反，微信小程序的设计与研发更能够满足使用者的需求；（2）用户喜欢良好的学习氛围；（3）满足学习趣味性和购物欲。

2.3系统功能设计

通过对用户的需求分析，设计了系统的功能模块。用户首次进入微信小程序后，授权用户身份信息，功能界面见图1。

图 1小程序功能界面

Uni-App作为小程序和在线商店的前端框架，是一种可以在多个终端上运行的开放源代码，可以在一段时间内生成 iOS，安卓，H5，微信，支付宝，百度等等。从功能上看，Uni-App也可以满足大多数的应用需求，比如支付，分享，第三方登录，推文等等，都是经过封装的，很容易上手。此外，Uni-App也提供了html5plus本地界面调用，这使得Uni-App能够整合网络的 nvue。后端服务可以采用云计算方式，可以为用户提供全面的本地云和微信服务，同时可以削弱后端、运营的概念，不需要建立服务器。利用平台所提供的 API来开发核心业务，可以实现快速的上线和迭代，并且与开发者已有的云服务是兼容的，不是互斥的。

云函数即小程序后端，是在本地编写，使用Node.js将其上传并在Node.js中运行，并最终返回结果。每一个云计算功能可包含多个文件，需要特定数量的CPU和内存等计算资源，并且每个云计算功能是相互独立的，可在不同的区域进行单独的部署。传统的开发模式要求完整的小程序项目需要后端协作，但云开发模式可以提供非常丰富的API接口，利用这些API，用户可以轻松地实现数据存储、文件上传等操作，因此大大提高了开发效率。

在后端的开发过程中，我们采取了前端和后端相分离的方式，前端使用了 Vue. js，它的可塑性很强，后端使用了目前比较流行的 Spring Boot框架，且使用了 MySQL作为数据库。开发人员只需专注于数据库、文件存储和云功能等最核心的需求即可，大部分非腾讯云的应用场景（如负载平衡，弹性扩展，冷备份，热备份等）都能在同一平台上得到有效解决。

3 微信程序设计的环境搭建与功能研发

为了设计与开发微信小程序胖达学习平台，需要将软硬件环境结合在一起。本部分的研究主要涉及微信小程序的注册、开发环境配置以及服务器软硬件环境搭建等方面。本文选择腾讯服务器，并在其上部署超级文本预处理语言（HP）、结构化查询语言（SQL）、Linux 操作系统(WordPress )以及个人博客系统软件 (WordPress )等功能，并利用插件为小程序提供服务。在微信小程序的开发和搭建过程中，我们面临一些关键性技术问题，例如程序的接入、访问以及插件接口的交互等，我们验证了这些关键技术的实现。对于学习商城程序的开发，主要涉及微信小程序和逻辑页面之间的实现。我们需要以开发文档为主要参考依据。在基于微信小程序设计的学习平台中，我们需要实现用户注册、用户信息获取、线下自习室预约、购物商城等主要功能。这些功能的实现主要依赖于微信小程序代码和 WordPress 之间的响应。

在平台的设计过程中，依赖于小程序的开发文档和 WordPress 的联动响应，并在实际的测试过程中不断地调试功能，确保程序的正常运转。此外，我们还需要将微信小程序平台提交至微信官方进行审核，以便于用户使用微信扫描二维码的方式来快速访问平台。

3.1 环境搭建

胖达学习平台是一个运行在微信公众平台上的小程序。若想要发布这个小程序，首先需要在微信公众平台上注册账号，选择合适的账号类型，并根据提示完成账号注册和激活。企业类型的公众平台需要进行认证后才能正常使用，因此还需要完善企业信息，完成企业认证。

3.2开发环境

在胖达学习平台上发布内容之前，需要先在本地进行开发和设计，并将其上传至微信官方进行审核。只有当审核通过后，相关信息和内容才能发布，供学习者使用。

表 1微信程序开发环境配置

程序开发者需要借助微信官方提供的微信开发工具来完成程序开发，并且要充分考虑到微信程序的稳定性及支持度。另外，微信程序胖达学习平台系统代码的编写需要严格按照微信官方提供的开发文档来执行。

3.3 服务器软硬件环境

为了提升系统性能和保障用户数据安全，我们推荐使用腾讯云服务器作为硬件环境。该云服务器具备性价比较高、稳定性强、安全性好、可扩展性强等优点。在本文程序的设计过程中，我们将MySQL和Web服务器部署在该服务器上，并且可根据用户使用情况进行优化和调整以适应实际需求，同时还能够减少数据库与服务器之间的通信损耗。在软件环境方面，我们建议采用HP开发的WordPress平台，安装HP语言，并使用Apache作为Web服务器并配置Ngibx来处理html页面，以提升系统的稳定性和性能表现。

3.4 移动平台开发过程中面临的关键技术

(1)商城搭建模块

微信小程序线上商城核心服务点是为提供优质用户便捷的浏览样式和下单平台，有效的链接了胖达学习与用户的沟通桥梁，使店家可以掌握消费者消费偏好，指定专属周边，满足用户需求。

(2) 微信小程序接入

胖达学习平台是在微信公众平台发布使用的小程序。如果您想要使用该平台，首先需要在微信公众平台小程序中完成服务器配置，将程序信息接入微信公众平台。我们的程序使用统一资源定位系统（URL）来接收微信的具体消息和事件地址，token可以生成签名，并与已存储的信息进行对比，从而确保其安全性。此外，我们还使用随机的密钥对信息进行加密处理。其次，您需要验证服务器地址的有效性。程序设计人员需要将设置的信息提交到服务器，予以审核。服务器接收到请求后，会将信息填写至地址中，从而完成对请求的检验。只有当服务器能够原样返回参数时，才能表示接入成功，否则则会失败。只有当接入成功后，开发者才能够对微信程序内容进行设计开发，为用户提供各种类型的服务。

(3) 微信小程序 API 接口

应用编程编程接口（API）是连接软件系统各组件的规范。WordPress向外界提供了 API的接口，开发者可利用该接口与服务器展开信息交互，从而实现信息获取、编辑及删除的远程操作，还可以对程序文件进行分类管理。微信程序能够通过. request （）访问该界面，并能够基于返回的数据，对其进行深度处理。

接口调试成功后，会将数据返回到控制台并打印结果，开发者通过设置不同的参数来管理与操作服务器的内容和数据。

(4) 微信小程序线下预约功能

小程序的线下预约功能可以通过后台接口和前端界面相结合来实现。首先，我们需要考虑的是预约数据的存储和管理，可以使用MySQL数据库或者微信提供的云开发平台来进行数据库的搭建和管理。然后，我们需要设计预约表单界面，包括预约时间、服务项目、服务人员、联系方式等。

4 微信小程序胖达学习平台系统实现

4.1线上商城模块展示

线上商城主要有商品的分类，订单情况，我的信息。商品分类中能精准定位到用户所需要的产品，用户可选择添加购物车或者直接购买，购买结算时自动跳转支付界面。在我的个人界面能查看订单等详细情况。

4.2智能匹配——1对1学习伙伴

胖达学习平台也拥有帮助寻找1对1学习伙伴的功能，用户只需将要求分多个标签写入，比如：学习方面（考研、高数、英语等），性格方面（活泼、文静、开朗等）学习类型方面（视觉型、听觉型、触摸型）客户端就可以通过协同过滤算法等算法智能匹配符合寻找条件的用户进行配对。

由于客户端以相同目标为条件进行筛选，因此配对成功的学习伙伴也将会有智能生成的共同任务需要完成，这些共同打卡任务的完成情况双人可见，这样既能够促使双方共同进步，也可以使双方互相督促。

5结语

本文介绍了基于微信小程序实现线上学习商城的设计和实现，包括需求分析、系统架构设计、后台API实现、前端界面构建、营销策略等方面。基于微信小程序的线上学习商城，可以为用户提供优质的在线教育服务，增加学习的便利性和效率。同时，商城也可以为企业提供一个便捷的销售通道，增加品牌知名度和提高销售额。此小程序解决了用户线上学习，线下预约学习，线上购物等需求。

项目基金：2022年国家级大学生创新创业训练计划项目（202211488040）

2022年衢州学院大学生创新创业训练计划项目（Q22X010）

参考文献

[1]孙晓妮.校园网上商城系统设计与分析[J].河南科技,2019,(13).

[2] 董傲通 , 文俊浩 . 基于小程序· 云开发的实验室设备管理系统的设计与实现 [J]. 实验技术与管

理 ,2019,36(10):282-284.

[3]李睿琦 , 梁博 . 微信小程序开发从入门到实战 [M]. 北京 : 中国水利水电出版社 ,2020:11-13.

[4]潘俊芳，侯振兴 .基于微信小程序的图书馆座位预约系统的设计[J].黑龙江工业学院学报（综合版），2022，22（5）：66-71.

[5]陈磊，黄钰涵，姜雨晴 .基于微信小程序的临沂旅游应用平台开发研究[J]. 黑龙江科学，2022，13（18）：29-32.

项目基金：2022年国家级大学生创新创业训练计划项目（202211488040）

2022年衢州学院大学生创新创业训练计划项目（Q22X010）