甘肃省特色农产品展示平台设计与实现

摘" 要：目前，我国农业正处于传统农业向现代化农业转型的关键阶段，但却存在对现代技术研发和投入力度不足的问题。为此设计一个小程序，通过简单的点击操作实时展现农田作物生长情况，帮助管理者进行研判并为确保作物正常生长而适时地调整灌溉、日照等指标。此外，该小程序还可提供产品生产全过程的可视化展示，增加消费者对食品安全的信心。微信小程序具有用户量庞大、开发成本低、绿色环保等优势，运营效益远大于投入成本。

关键词：微信小程序；农业；农产品；平台

中图分类号：TP311" " 文献标识码：A" 文章编号：2096-4706（2024）12-0071-05

Design and Implementation of Featured Agricultural Product Display Platform

in Gansu

LI Chunxiao， QIN Lijing， ZHAO Zipeng， WANG Hukui， YIN Zhengkui

（Gansu Agricultural University， Lanzhou" 730070， China）

Abstract： Currently， Chinese agriculture is at a crucial stage of transition from traditional agriculture to modern agriculture， but there is a problem of insufficient research and investment in modern technology. Therefore， a small program is designed to provide real-time display of crop growth in the field through simple click operations， helping managers make judgments and adjust irrigation， sunlight， etc. indicators in a timely manner to ensure normal crop growth. In addition， the small program can provide a visual display of the entire product production process， increasing consumer confidence in food safety. The WeChat Mini Program has advantages such as user base， development cost， and environmental friendliness， with operating benefits far exceeding the cost of investment.

Keywords： WeChat Mini Program; agriculture; agricultural product; platform

0" 引" 言

我国的农业生产占据着非常重要的地位，但是农业科技相对落后。未来，增强现实等技术在农业科技领域（如育种、模拟植物生长、观光农业）具有广阔前景，将会给农业生产带来更大的发展空间。同时，随着互联网技术的快速发展和农村信息化的不断推进，农业网站已经成为农业从业者获取知识和发布信息的重要渠道。甘肃省致力于推进农业信息化建设（包括基础设施、信息体系、公共服务网络和农产品信息平台的建设），以及通过网络平台的应用和技术推广促进农业现代化的发展。随着网络技术和农村信息化的推进，农业网站的重要性愈发凸显。农业企业自建网站和农产品信息网络推广平台为小微农业企业提供全方位的服务，有力推动了农业现代化的进程。此外，基于网络平台的网上交易和产业链标准化建设为农业产业链的优化提供了机会。微信小程序和增强现实技术的应用也有助于提升农业科技水平和农产品质量。同时，基于网络平台的网上交易和产业链标准化建设为农业产业链优化带来机遇，微信小程序和增强现实技术的应用也有助于提升农业科技水平和农产品质量。我们应积极推动这些领域的发展，加强农业现代化和提高农产品质量[1，2]。

1" 平台总体设计

1.1" 平台业务流程设计理念

我们的产品旨在为用户提供一个全方位综合性的农产品信息平台，使用户能够方便快捷地获取各类农产品的详细信息。

在首页部分，将重点展示最新的产品公告，让用户及时了解行业动态和推荐产品。首页下方则以图片和简略信息的形式呈现多个种类的农产品，吸引用户点击进去了解详情。

在分类模块中，将按照农、林、牧、水产等类别对农产品进行分类，帮助用户更加快速地找到感兴趣的产品。用户可以通过点击产品图片查看具体的产品信息，包括价格、来源、属性等。

我的模块主要围绕用户的个人需求展开。用户可以在我的模块中管理基本的个人信息，包括姓名、联系方式等。我们还提供了产品的历史浏览记录，方便用户回顾之前查看过的产品。此外，用户还可以根据自己的喜好进行应用设置，例如选择接收特定类型的产品推荐或设置通知提醒。

整个业务流程如下：用户首先进入首页，浏览产品公告并查看产品的简略信息。如果用户对某个产品感兴趣，可以点击图片进入详细信息页面。在详细信息页面中，用户可以了解产品的详细介绍、价格、来源等。如果用户觉得这个产品符合自己的需求，可以将其添加到购物车或进行购买操作。

用户还可以使用分类模块浏览特定类别的农产品，以便更快地找到感兴趣的产品。在我的模块中，用户可以管理个人信息，查看历史浏览记录，进行应用设置。系统技术架构如图1所示。

1.2" 平台数据及算法技术

在德馨农品小程序中，实现数据交互和后端接口的使用是关键。下面将详细描述数据交互和后端接口的使用以及推荐算法的步骤。

1.2.1" 数据交互与后端接口的使用

通过调用后台服务器获取农产品信息和用户浏览记录等数据。用户可以在小程序中点击相关功能按钮或搜索框，向后台服务器发送请求，请求特定农产品信息或用户的浏览记录。而后台服务器在接收到请求后进行相应的处理，并将数据返回给小程序。小程序接收到数据后，可以对数据进行解析、展示和处理，从而保证数据的实时性和准确性。

1.2.2" 推荐算法的步骤

推荐算法在特色农产品小程序中起着重要的作用，根据用户的偏好和历史行为为用户推荐适合其口味的特色农产品。以下是常用推荐算法的步骤：

1）数据收集。收集和整理用户的浏览记录、收藏记录和评价等数据，以及德馨农品的属性、标签和数据等。

2）数据预处理。对收集到的数据进行清洗、归一化和去噪等处理，以供后续的算法分析之用。

3）特征提取。从数据中提取出有用的特征，例如用户的兴趣标签、浏览偏好等。

4）算法选择与实现。根据项目需求和数据特点，选择合适的推荐算法，如协同过滤算法、内容推荐算法、基于用户行为分析的算法等，并实现相应的算法模型。

5）推荐结果生成。利用实现的算法模型对用户进行个性化推荐，并生成推荐结果。

6）推荐结果展示与反馈。在小程序中将推荐结果展示给用户，并根据用户的反馈进行相应的调整和优化。

在具体的实现中，可以根据项目需求和数据特点进行细化和定制化。此外，借助数据可视化技术可以通过图表、地图等可视化方式来展示农产品数据。简单说，就是通过直观、易懂的方式呈现农产品的产地、价格走势等信息，帮助用户更好地了解产品，做出明智的购买决策。优化和性能调优是德馨农品中需要重视的方面。通过减少页面加载时间、优化网络请求等手段提升用户体验，让用户在小程序中快速、流畅地浏览和查询特色农产品。一些常用的优化技术包括压缩图片、减少请求次数、合理缓存数据等。

这些技术可以有效提升德馨农品的功能和用户体验，同时对开发团队的技术水平也有一定的要求。在项目中的应用和实现有助于达到预期的效果，并为用户提供良好的使用体验。

2" 系统开发与实现

2.1" 开发与运行环境

2.1.1" 微信开发者工具

微信开发者工具是一款方便快捷的软件，可以帮助开发人员进行小程序的开发和运行。它集成了公众号页面测试和小程序调试两种模块，开发者可以利用该工具进行小程序的开发，进行API和界面的设计测试。同时，该工具还提供代码查看与编辑、小程序预览与发布等多种功能，使开发过程更加高效[3]。

2.1.2" WXML语言

WXML（Wei Xin Markup Language）是一种类似于HTML的标记语言，用于描述小程序的结构。通过WXML可以创建小程序的页面结构，包括定义页面元素、组件的嵌套关系等。在特色农产品小程序中，可以使用WXML来定义农田和农产品信息的展示页面结构，包括作物生长情况的展示、产品生产过程的可视化等[4-7]。

2.1.3" WXSS语言

WXSS（Wei Xin Style Sheets）是一种类似于CSS的样式语言，用于描述小程序的样式。通过WXSS可以为小程序的各个元素设置样式，包括颜色、布局、字体等。在特色农产品小程序中，可以使用WXSS来美化页面的外观，使其更符合农业主题，例如使用农田相关的背景图片、调整字体样式等。

2.1.4" JS小程序主体

JS（Java Script）是小程序的主体设计语言，用于编写小程序的逻辑部分。通过JS可以实现小程序的交互和动态效果，包括数据的获取和处理、事件的响应等。在特色农产品小程序中，可以使用JS来实现用户通过点击操作获取农田和农产品信息的功能，以及实现与用户的交互和反馈。

WXML、WXSS和JS在SRTP特色农产品小程序项目中分别用于描述页面结构、设置样式和实现逻辑的功能，共同构建出整个小程序的主体设计内容。

2.2" 关键技术

2.2.1" 页面逻辑层代码

在页面逻辑层代码（index.js）中，通过调用get App（）函数来获取全局应用实例。然后，在页面加载时调用get Products函数获取农产品数据，并通过调用set Data函数将数据更新到页面的data.products中。核心代码如下：

Page（{

data： {

products： []

}，

onLoad： function（） {

const app = getApp（）;

app.getProducts（）;

this.setData（{

products： app.globalData.products

}）;

}，

}）

2.2.2" 全局逻辑层代码

在全局逻辑层代码（app.js）中，定义了一个全局数据global Data，其中包含一个空数组products，用于存储农产品的相关信息。然后，定义了一个get Products函数，用于模拟请求农产品数据，并将数据存储到global Data.products中。核心代码如下：

App（{

globalData： {

products： []

}，

getProducts： function（）{

const productsData = [

{ name： '苹果'， price： 5.99， quantity： 100 }，

{ name： '香蕉'， price： 3.49， quantity： 50 }，

];

this.globalData.products = productsData;

}，

}）

2.2.3" 首页板块

小程序首页展示农产品新闻资讯、公告等内容，用户可以在此界面中查看如农产品上新等通知[8]。若要了解具体产品信息，可以通过点击对应产品来查看详细信息，如图2所示。

在首页中可以通过搜索功能找到自己所需的农产品，进而对作物的生长环境、生长条件等有一个进一步的了解，如图3所示。

2.2.4" 个人中心板块

用户进入小程序后，需要先点击获取微信头像与昵称，将个人微信信息与小程序绑定后即可在此页面中查看个人产品信息浏览记录、个人信息登录以及小程序相关条款[8]，如图4所示。

2.2.5" 信息登录板块

用户可以在我的界面点击并打开“登录”，然后输入自己的账号和密码就可以成功录入相关信息。而登录使用的个人账号是注册时绑定的微信或手机号，既方便管理员进行统一的管理，又具有安全性，如图5所示。

2.3" 系统功能实现

甘肃省地处中国的西北地区，其在农产品资源方面具有一定的优势。为了支持小程序的统一规划建设和产品信息发布，需要制定一个统一的数据分类体系，并将其整合到甘肃省涉农信息资源系统中。根据“数字农业信息分类体系”，我们将涉农产品分为多个层次，包括总类、大类、中类和小类。共设计3个功能模块：关键词查询、农业服务区和农产信息。农业服务区模块包含线上果园、生长环境、生长周期、农田信息和人工客服5个大类群。每个大类群又根据具体情况分为5个小类：热门分类、热门商品、最新产品、推荐企业和最新企业，最大限度为用户对最新、最热门产品资讯的浏览提供便利[9]。通过以上功能的设计，用户可以较为便捷地获取产品信息，了解各产地农产品的发展情况，提高了用户的浏览质量。微信小程序可以为微信用户带来更好的体验，而且自带流量优势，具有使用人口多、功能操作便捷等特点。考虑到消费者对健康绿色农产品需求的日益增长以及消费者对食品安全的顾虑，该小程序将农田与农产品的信息存储在数据库中，用户可通过扫描和点击等简单的操作将整个农田的作物生长情况（比如颜色，形状等）予以展现；其次，管理者可通过小程序直观了解作物生长情况，并可通过多种手段进行研判，调整灌溉日照等生长条件从而确保作物正常生长；最后，小程序提供该产品生产全过程的可视化展示，以期消除消费者对食品安全的顾虑[10]，如图6所示。

3" 系统测试

为保证小程序的各项功能正常运行并提升用户的使用体验，需要进行系统检测并提供应急预案。系统测试主要涉及功能测试、权限测试和问题解决测试三个方面，以确保小程序的功能完备性、权限管理正确性并及时解决存在的问题。通过系统测试，可以保证小程序的稳定性和可靠性，提升用户的满意度和使用体验。

3.1" 功能测试

首页中存在各种农作物的分类，如根据生长环境、生长周期等进行的分类，进行页面切换流畅度测试。确保个人页面中的浏览历史、系统设置等功能都可以正常运行，模块间转换便捷，系统功能测试达到预期效果。

3.2" 权限测试

在使用小程序时用户可以看到界面板块，如想对农作物做进一步的了解，需要进行授权登录，用户进行相关信息登记后即可正常使用。如用户信息已被收集，数据库中就会存在用户账号信息，系统会自动以已授权用户微信账号使用小程序功能。

3.3" 问题解决测试

在使用小程序时，用户难免会遇到一些困难，也会对小程序的完善提出建议，在我的模块中，帮助中心可以在用户遇到小型问题时提供解决办法，用户若是遇到难以解决的问题也可直接询问人工客服。若用户有希望程序改进的想法，可在意见反馈中心留言，进而使小程序更加完善，如表1、表2、表3所示。

4" 结" 论

本文设计了一个可以让用户及商户便捷使用的小程序，商户可以在平台内及时更新自己作物的相关情况，而用户可以对甘肃省特色农产作物的生长、环境等做以更加全面的了解，以此去除对食品安全的顾虑。农业生产的效率提升需要通过数据采集和器械控制来实现，而这些因素离不开环境及技术的影响。而目前此小程序有待改进的地方还有很多，后续如果用户有需求，可以增添作物售卖，在作物生长过程中可以查看作物情况，提前预约，成熟后第一时间得到优质果蔬，后续也可以增添地理位置定位技术使用户可以根据地理位置获取周边特色农产品信息。同时，我们还能够将项目中的技术和创新成果应用到其他相关领域，为农业生产的数字化和智能化提供更多的支持和贡献。

参考文献：

[1] 王汝梅.增强现实技术在农业中的运用 [J].农业开发与装备，2020（6）：85+99.

[2] 茹玉，史珍妮，李凡，等.基于网络平台的果类特色农产品产业链的标准化 [J].安徽农业科学，2011，39（22）：13568-13569+13626.

[3] 马立刚.基于微信小程序的数字化安全检查平台的设计与实现 [J].电子元器件与信息技术，2023，7（6）：97-101.

[4] 邹明荣，刘小玲，黄琨，等.基于WXSS/WXML技术的景区微信小程序的开发——以西岭雪山为例 [J].信息系统工程，2020（2）：76-79.

[5] 刘玉佳.微信“小程序”开发的系统实现及前景分析 [J].信息通信，2017（1）：260-261.

[6] 刘彩萍.探讨基于微信小程序的网上购物系统的设计与实现 [J].数字技术与应用，2023，41（8）：182-184.

[7] 黄子杰，陈军华，高建华.检测JavaScript类的内聚耦合Code Smell [J].软件学报，2021，32（8）：2505-2521.

[8] 闫烁.基于微信小程序的商品展示系统的设计与实现 [D].大连：大连海事大学，2019.

[9] 邱荣洲，陈宏，池美香，等.福建省农产品展示平台的设计与实现 [J].福建农业学报，2012，27（9）：1020-1023.

[10] 陈金双.基于协同过滤的农产品推荐系统的研究与开发 [D].重庆：重庆三峡学院，2023.

作者简介：李春潇（2003.04—），男，汉族，甘肃张掖人，本科在读，研究方向：数据科学与大数据技术；通讯作者：秦立静（1989.01—），女，汉族，甘肃定西人，讲师，硕士，研究方向：农业信息化；赵子鹏（2002.07—），男，汉族，甘肃天水人，本科在读，研究方向：数据科学与大数据技术；王虎魁（2003.03—），男，汉族，甘肃武威人，本科在读，研究方向：数据科学与大数据技术；殷正魁（2002.05—），男，汉族，甘肃酒泉人，本科在读，研究方向：数据科学与大数据技术。