APP下载

基于云开发的三农信息平台的设计与实现

2023-03-16华北水利水电大学信息工程学院陈雅昕许丽

数字技术与应用 2023年2期
关键词:综合信息页面三农

华北水利水电大学信息工程学院 陈雅昕 许丽

为满足用户对农产品相关信息查询与咨询的需求,本文设计了基于云开发的三农综合信息服务微信小程序。该系统采用云开发模式,大大节约了开发成本,且稳定可靠,便于维护。为用户随时查询、发布信息提供了一个高效的平台,为管理人员提供了快捷修改、审核、发布信息的内容管理系统,具有一定的实用价值。

农业、农村、农民的问题是关系国计民生的根本性问题。为了更好地解决“三农”问题,越来越多的省份纷纷建立、完善相应的农业信息服务平台。广西省通过信息数据库存储、网络化发布、多媒质展示的方式,建立广西农业科技信息管理服务平台[1];辽宁省开创了以数据资源、惠农建设、信息平台、创新升级、素质提升为要素的“五位一体”的农民科普信息化服务新模式,建立了农民科普信息服务的“三农”综合信息服务平台[2];云南省打造集农业商务信息、农业公众服务、农村信息集市三大功能为一体的“云农12316三农综合信息服务平台”,整合全省农业农村电子商务信息资源[3]。这些平台的建立,实现了涉农数据的互联互通,促进了农业资源的高效利用。

目前,大多数的三农信息管理服务平台需要依赖电脑进行信息查询,这给一些没有电脑的用户造成了很大的不便。如今微信用户的数量不断增加,微信的扩展功能也更加强大,微信小程序“用完即走”、操作便利的特点受到了用户们的喜爱。基于小程序的三农综合信息服务平台,不仅可以满足用户随时随地查询信息的需求,管理者还能通过云开发控制台进行信息的管理,十分方便。

1 相关技术介绍

1.1 微信小程序

微信小程序的架构由主体部分和页面部分组成[4],其中主体部分包含小程序的外观、导航栏、页面路径等一些公共配置,页面部分包含初始数据、事件处理函数、组件样式等配置,微信小程序架构如表1所示。

表1 微信小程序架构Tab.1 Structure of wechat mini program

(1)app.js:小程序初始化;

(2)app.json:决定页面文件、导航栏、全局样式等;

(3)app.wxss:决定整个项目的公共样式,公共样式可用于多个页面;

(4)index.js:决定指定页面初始数据、生命周期、事件处理函数等;

(5)index.json:决定指定页面窗口配置;

(6)index.wxml:用来描述指定页面的结构;

(7)index.wxss:决定WXML中的组件样式;

1.2 云开发

传统的微信小程序在前、后端编写和维护上需要投入大量精力[5],微信提供的云开发模式无需搭建服务器,降低了对后端的要求,通过云函数调用相应的接口,即可实现相应的后端服务。微信小程序的云开发包含了数据库、云存储、云函数等功能。

(1)数据库。云数据库是由多个集合组成的数据库,每个集合都可看做一个JSON数组[6]。开发者可直接在本地进行增、删、改、查的操作,也可通过调用云函数的方式操作数据库。

(2)云存储。云存储提供了高稳定、强安全的云端存储服务[7],可以存储多种类型的数据。通常将本地的一些图片上传至云存储中,避免小程序代码包过大导致上传失败。

(3)云函数。云函数是在云端(服务器端)运行的函数,免费搭建专属服务器[8]。开发者编写完成后部署到云端,通过小程序内专用API进行函数调用。

2 系统设计与实现

2.1 前端设计

启动小程序,默认进入首页,页面底部包含查询和个人中心两个Tab页面,点击不同图标可以进行页面切换。系统前端设计如图1所示。

图1 三农综合信息服务系统前端设计Fig.1 Front-end design of agriculture, rural integrated information service system

(1)首页中包含信息搜索、快捷导航和农业资讯三大板块。用户可在信息搜索板块中输入相应关键字,查询到与关键字匹配的信息。快捷导航中包括农产品的介绍、产品上传、信息报错、客服4大功能。农产品介绍中包含了产品的名称、单价、图片与功效,方便用户快速了解农产品的各项信息。用户通过产品上传提交自己的产品信息,将单价、数量、图片等信息上传至后台,通过审核人员核对后,将产品信息发布在产品介绍页面中。若用户发现发布的信息有误,可以点击信息报错,上传错误信息的凭证,等待后台管理人员的审核。客服可以为用户更好地解答各方面的问题,提供专业的服务。农业资讯为用户提供了4类文章,可以点击图片进入不同的专题查询最新的农业资讯。

(2)订单页面中包含未支付、已支付、已退款三类信息,用户未付款的订单会出现在未支付页面中,点击未支付订单中的付款,付款成功后,订单状态会变为已支付。若已支付的订单出现问题,点击退款,经过后台管理人员审核确认后,会将退款退回原账户,同时订单状态会变为已退款。

(3)个人中心页面中包含登录、注册的功能,并提交用户的反馈与建议。

2.2 数据库设计

通过云开发控制台上数据库,建立一个新的集合,每个集合都是一个JSON数组,数组中的每个对象对应一条记录。以订单数据集为例,其JSON字段如表2所示。

表2 订单数据集Tab.2 Order data set

在订单数据集中,不同的用户拥有不同的“_openid”序列,且无法更改。若订单信息没有进行更改,默认“_updateTime”字段为空。订单状态“status”有0,1,2三种,其中status=0代表订单未支付,status=1表示已成功支付,status=2表示订单已退款。

2.3 后台管理系统设计

内容管理系统(Content Management System,CMS)是一种位于Web前端和后端办公系统或流程之间的软件系统。小程序的CMS内容管理系统是基于云开发基础之上,Web端管理云资源的扩展程序。开通非常便捷,只需要在云开发控制台的内容管理,点击开通即可安装在自己的云开发环境中,由于CMS扩展需要用到静态网站托管资源,所以必须在按量计费的环境下才可以部署,因此首先要将计费方式切换为按量付费。

进入CMS系统后,要根据实际需要创建一个新的内容模型。以产品介绍为例,产品介绍内容模型如图2所示。

图2 产品介绍内容模型Fig.2 Product introduction content model

从内容模型中可以看出产品介绍中共包含编号、图片、名称、介绍、价格5类信息,根据信息类型选择内容类型,并关联上相应数据库的名称,实现数据的绑定。

内容模型建立完成后,可以在内容集合中找到对应的产品信息。管理者可通过“新建”按钮增加一条新的产品数据,增加新产品信息页面如图3所示。管理员填写相应的信息,上传产品相关图片,最后点击“创建”按钮,实现新产品创建。后台管理员创建完成后,用户即可在小程序产品介绍中浏览到新的农产品。

图3 增加新产品页面Fig.3 Adding a new product page

3 系统验证

基于上述设计,本文开发了一个三农综合信息服务小程序,一些运行界面如图4所示。如图4(a)所示为小程序主界面,点击产品介绍,可查看产品的详细信息,如图4(b)所示。查看农业资讯时,点击相应的板块图片,即可查看对应文章,如图4(c)所示。用户的订单信息可以通过底部的订单按钮查看,点击订单按钮会跳转至订单中心,如图4(d)所示,通过订单中心查询订单的具体状态。

图4 小程序运行页面Fig.4 Applet run page

后台管理人员通过内容管理的网址登入后台管理系统,一些运行界面如图5所示。订单管理页面如图5(a)所示,可以快速查看订单信息。产品管理如图5(b)所示,可以实现对产品信息的增、删、改、查功能。

图5 后台管理系统运行页面Fig.5 Running page of background management system

4 结语

本文从实际需求出发,帮助需要随时查询、随时咨询农业信息的用户设计了一款三农综合信息服务小程序。将收集到农产品信息、农业资讯上传到云数据库中,用户通过手机就可以随时随地进行查询,管理人员通过后台管理系统,实现信息的管理,操作简便。区别于传统的开发模式,本系统采用云开发模式,避免了搭建服务器的繁琐流程,具有更加高效、更加稳定、易于维护的特性。

引用

[1]莫小香,韦健,钟翠,等.广西农业科技信息管理服务平台的开发和应用[J].河北农业科学,2019,23(4):97-100.

[2]陈秋菲,贾国强.农业科学普及助力乡村振兴实证研究——以辽宁12316“三农”综合信息服务平台为例[J].中国农学通报,2022,38(11):160-164.

[3]张永金,李志刚.云农12316三农综合信息服务平台[J].云南农业,2017(3):54-55.

[4]林霞,邹敏,李萍.基于微信小程序的摊位预约小程序设计[J].电子制作,2021(19):51-53+31.

[5]陆向艳,苗洁.基于微信云开发的音乐播放系统的分析与设计[J].电子技术与软件工程,2022(14):72-75.

[6]林霞,邹敏,李萍.基于微信小程序的摊位预约小程序设计[J].电子制作,2021(19):51-53+31.

[7]殷凤梅,静育玉.基于云开发和微信小程序的助宠系统设计与实现[J].电脑知识与技术,2022,18(14):37-39.

[8]种倩倩,孙丽英,陈滨,等.基于微信小程序的点餐系统的设计与开发[J].电脑知识与技术,2022,18(19):66-69+73.

猜你喜欢

综合信息页面三农
刷新生活的页面
数说2021“三农”新变化
商务部:多措并举惠“三农”
2020年“三农”十大新闻
40年,时光轴下的“三农”演进
网站结构在SEO中的研究与应用
浅析ASP.NET页面导航技术