引言

随着移动互联网的快速发展，农产品电商小程序已成为连接农户与消费者的重要桥梁。然而，小京生这一特色农产品却鲜有专门的电商平台进行推广和销售。因此，设计一个智慧销售小京生的系统十分必要。

小程序电商作为近几年兴起的一种新型电商形态，关注度不断提升。陈飞等设计了一个基于小程序架构模式的电商平台，帮助中小企业在电商市场获得更多计划。陈腾达等开发了一个基于微信小程序的螺蛳粉电子商务平台，助力疫情期间柳州螺蛳粉的线上销售。

考虑到小京生的独特口感和营养价值以及直接销售产地较为稀少的特点，本文提出了基于微信小程序的小京生Tech系统设计与实现方案，旨在解决小京生的滞销问题，智慧助力小京生的线上销售。

1 小京生Tech系统需求分析

1.1 功能需求

小京生Tech小程序主要分为四个功能模块：农产品营养教学区模块、商城采购区模块、用户个人空间模块、智能客服模块。其中，农产品营养教学模块包含了视频、区域划分、特色标签、简介说明等；商城采购区模块复用了智能客服里面的智能推荐算法，包含了商品筛选、自由选品、购物清单和促销活动；用户中心模块包含了个人信息展示、互动信息、积分系统和会员制；智能客服模块包含了客服聊天机器人，提供24小时在线支持，还有常见问题解答和用户反馈模块。

1.2 性能需求

服务连续性：随着用户基数的增长，网络延迟可能导致信息同步不及时，可能会发生用户在购买时看到商品有库存，但在完成订单后被告知库存不足的情况。

用户体验优化：高峰购物时段系统出现的应用崩溃、响应延迟、页面故障提示等。需要在服务器的负载分配、错误处理机制等方面进行优化，从而提高用户的购物满意度。

界面设计一致性：保持系统界面风格和主题设计的一致性，提升用户体验。同时，在网络不稳定时，合理使用占位图像以确保页面内容的完整性，提升用户体验。

1.3 可行性分析

经济可行性：通过微信平台，用户无需额外安装应用即可便捷地访问小京生Tech小程序，并且能够轻松地通过微信将小程序推荐给其他用户。

操作可行性：鉴于微信巨大的活跃用户基数，微信用户可以直接搜索并快速启动小程序，满足人们的生活需求。

技术可行性：结合JavaScript和微信小程序开发文档提供的系统的教程，通过MINA框架，进行开发。

2 系统设计

2.1 系统技术架构

小程序的网络架构确保了小程序与服务器间数据传输的速度和安全性。基于客户端/服务器（C/S）模型，小程序通过采用先进算法和动态编程语言，打破了传统客户端必须安装专用软件的局限。通过MINA框架，实现了小程序数据的快速加载和同步运行。

系统整体结构如图2所示。

小程序的客户端框架由三部分组成，逻辑层、视图层和数据绑定。逻辑层采用JavaScript语言来实现，视图层通过WXML和WXSS语言来实现。视图层和逻辑层之间的交互依靠使用MVVM模式，实现数据和视图的双向绑定。

一个小程序主要包含app.js、app.json、app.wxss三个组件。

通过用户需求建立产品对应的文件系统从而对小程序项目进行开发，建立的文件系统如下图4所示：

在小程序文件系统中：

app.js：负责处理项目的公共事件、公共函数封装、管理小程序生命周期、全局变量初始化等。

app.wxss：负责整个项目的通用样式，利用通用样式布局，简洁样式布局，简化代码结构。

app.json：负责页面布局、页面跳转逻辑、界面表现、全局配置等。

pages：存放各个页面的文件，每个页面通常包括三个文件：页面的WXML文件、WXSS文件和JavaScript逻辑文件。

utils：存放工具函数的目录，如日期处理、数据验证等。

components：存放自定义组件的目录。

images：存放静态资源，如图片、图标等。

本项目在传统的农产品商城基础上，加入了客户市场细分、内容推送、智能客服等模块。进行细分群体定义和定制化内容推送，以便更精准地满足不同用户群体的需求。

2.2 系统逻辑架构

基于微信原生框架MINA，实现API调用、业务逻辑处理和页面渲染。开发小京生Tech小程序，在框架上实现小京生Tech小程序的前后端分离，通过JSON格式的数据进行前后端的数据交互。前端部分通过API交互数据库，后端部分通过HTTPS提供API接口，利用数据库中存储的小京生农产品信息，以JSON格式将从数据库获取的信息传输到微信小程序前端，通过WXML、WXSS和JavaScript与用户进行交互。

2.3 系统数据库设计

小京生Tech小程序，主要使用的数据表有：管理员信息表、用户信息表、商品信息表、订单信息表。

2.3.1 实体联系图设计

通过实体 - 联系图（E-R 图），展示小京生Tech系统的概念模型。如图5所示。

2.3.2 数据库逻辑设计

在表1所示，以商品信息表为例，其结构如表 1 所示：

字段名称	数据类型	说明
Peanutname	varchar(20)	商品名称
Type	varchar(45)	商品类型
CreateTime	datetime	注册日期
Number	int	商品数量
State	Enum	售卖状态
Infomation	Text	描述信息
Image	Blob	实物照片
ModifyTime	Datetime	修改时间

3 小京生Tech系统的实现

3.1 开发环境搭建

步骤为：（1）访问小程序注册页面，创建账户；（2）获取微信小程序AppID，下载安装微信开发者工具；（3）通过微信开发者工具搭建项目；（4）项目管理人员负责监督项目的进展和风险管理，合理分配项目成员权限。通过产品管理、设计、编程和测试合作与协调，以确保项目的顺利进行。

3.2 功能模块实现

小京生Tech小程序四个功能模块具体实现如图6 所示：

3.2.1 农产品营养教学区模块

在小京生Tech小程序的农产品营养教学区通过公共组件实现搜索框功能。通过使用view、swiper组件以及video组件，我们构建了一个视频播放功能，用以展示小京生农产品的相关视频内容。我们还设计了点赞和评论模块，实现用户互动。

3.2.2 商城采购区模块

购物车管理：利用API调取用户的收货地址。使用复选框组件展示购物车中的商品，并允许用户调整商品数量。实现了商品的单选和全选功能，以便用户可以方便地管理购物车中的商品。用户认证：首先，获取用户的微信登录凭证。订单创建：基于用户选择的商品，生成一个待支付的订单，并获取订单编号。支付准备：向服务器请求支付所需的参数，这些参数通常包括支付金额等关键信息。支付执行：使用从服务器获取的支付参数（pay），通过微信提供的API接口发起支付请求。订单更新：支付完成后，系统将更新订单状态为待发货，准备后续的物流处理。

3.2.3 智能客服模块

采用个性化智能推荐算法，分析用户的互动行为，如观看的视频、点赞、评论等，以识别和理解消费者的偏好。

3.2.4 用户中心模块

申请用户登录信息，并显示用户个人信息和查询订单状态等子模块。在“其他服务”模块中包含私信查询、电话通知、视频通话、反馈这四个子模块。小程序使用中遇到的所有问题，用户都可以在反馈模块中提供建议，旨在推动小程序在性能和视觉上的持续优化。

4 小京生Tech小程序的测试

4.1 功能测试

采用软件测试技术全面测试小京生Tech小程序的功能和性能，基于系统功能需求，判断小程序是否符合预期目标。

4.2 性能测试

性能测试包括组件响应、资源使用效率、页面加载等。基于系统性能需求，判断小程序是否符合预期目标。

4.3 兼容性测试

从操作系统、屏幕尺寸、微信版本三个方面进行测试，通过在多种手机型号和不同版本的微信上进行实际测试，确保小京生Tech小程序的兼容性和稳定性，其兼容性测试如表 2 所示。

测试内容	结果
操作系统（IO）	兼容
屏幕尺寸	兼容
微信版本	兼容

4.4 测试结论

功能测试：小京生Tech小程序的核心功能如农产品推荐、商品展览、智能客服个性化推荐等均能顺利执行，符合用户的使用需求。

性能测试：在用户运行需求方面，小京生Tech小程序性能良好，符合预定的性能目标。

测试结果：小京生Tech小程序在功能实现和性能表现上均符合预期目标。

5 结论

本文研究的核心目标是设计一个线上销售小京生的电商小程序，基于原生 MINA 框架，实现一款面向小京生销售的电商小程序。本文针对地方特色产品—小京生，采用wxml，wxss，JavaScript等技术开发了一个实用性强的线上销售小京生的电商小程序，促进新昌经济发展和技术进步，为当地农产品解决滞销问题，促进农民增收。

参考文献：

1. [1] 黄丽颖.从APP到小程序:社交电商平台用户转移行为影响因素研究[D].南昌大学,2024.
2. [2] 李卓,王珂,姜丽媛.“互联网+”农业视角下的电商助农小程序商城研究——以“稷原丰村”微信小程序为例[J].商场现代化,2024(07):24-26.
3. [3] 陈飞,丁煜,袁鹏举.基于小程序架构模式的电商平台设计与实现[J].广播电视信息,2023,30(07):105-107.
4. [4] 陈腾达,周虹.基于微信小程序的螺蛳粉电子商务平台开发[J].信息技术与信息化,2022(04):125-128.
5. [5] 李宇杰.基于微服务架构的电商微信小程序的设计与实现[D].华东师范大学,2023.
6. [6] 本刊综合.从传统电商到小程序电商的转化之路[J].中国合作经济,2021(Z2):95-98.
7. [7] 茅晓红.微信小程序开发设计与实现——以乐扶购平台为例[J].现代信息科技,2021,5(19):12-17.
8. [8] 王睿,张兰.抖音电商小程序中用户购物行为研究[J].今传媒,2021,29(08):134-136.