APP下载

建乡践行数字化平台设计与实现

2024-02-03乔宏宇冷大鹏尹家辉

农机使用与维修 2024年1期
关键词:页面模块文章

乔宏宇,冷大鹏,尹家辉,田 丹

(沈阳工学院,辽宁 沈抚改革创新示范区 113122)

0 引言

当前,辽宁省乡村振兴建设经过省政府的统筹规划取得了显著成效,各项指标明显提高。促进高效脱贫、确保粮食安全、防止规模性返贫,扎实推进乡村发展、乡村建设、乡村治理等重点工作,守好“三农”基本盘是各部门现阶段亟需解决的问题[1]。提高地方人民关于乡村振兴的普及度,大力宣传乡村振兴的发展是推进乡村发展和振兴的有效措施。鉴于此,建乡践行数字化乡村振兴平台的开发致力于辅助乡村振兴政策,起到宣传和助销的作用。

1 平台系统功能分析与设计

本平台是一款基于Web应用,以实施乡村振兴战略目标为立足点,设计并搭建,起到帮助宣传乡村振兴和农产品销售的服务平台。本平台系统分设4种角色用户,拟实现文章新闻信息的展示及助农产品的售卖功能,主要为乡村产业提供信息查询、帮扶和数据可视化的服务,平台可以针对各城乡的实际情况设置具体的服务、政策和帮扶措施等,简洁明了,具有较好实用性。

平台注重用户的视觉体验,在项目中添加了原创设计的Logo标识,能够展示品牌理念和调性,在视觉层面上起到表达和传播的作用;平台统一页面设计,页面布局以绿色作为主体颜色,使人联想到环保、绿色、生态的主题基调,富有亲切感;平台看重用户的操作体验,在实现基本功能的基础上优化页面设计,体现出项目的易用性和实用性。本平台系统功能结构设计如图1所示。

图1 系统功能结构图

2 平台系统实现

本平台的开发致力于辅助乡村振兴政策,是基于ASP.NET Core Web的开发框架,使用C#语言和MVC设计模式进行开发。本平台子模块的前后端编码分别使用Visual Studio 2019和2022版本,使用SQL Server 2008对相关信息的数据进行存储和管理。数据库名为Webdb和Modelwz,Webdb用于存放商品购物模块,Modelwz用于存放新闻宣传模块,其中数据可视化的数据存放在Modelwz中,包括省内各地级市的地区生产总值、农业机械总动力、生活垃圾无害化处理率等指标[2-5]。使用Three-Layer结构,将连接数据库的基本语句封装在DAL层,业务的逻辑处理放在BLL层,将展现给用户的界面放在UI层中,用户无法直接访问,而是访问对应的视图。

本系统按照新闻(文章)管理的实际操作和商品购物的需求设计用户界面,可满足新闻管理和助农销售的各种需求[6]。

2.1 新闻(文章)宣传子平台的设计与搭建

2.1.1 主要功能

平台通过收集有关乡村发展的各类新闻、杂志等信息,并为其提供便捷有效的访问方式。平台会对不同信息进行整理分类,使用户在获得较好体验感的同时还能了解更多农业知识。平台对文章的查找方式,提供了分类查找、条件查找、模糊查找等;对文章的浏览方式,提供了热点浏览、实时浏览等。平台还为用户提供了评论功能,增加用户之间的交互性。平台也有提供文章来源的链接,以此为用户提供更多信息查找的渠道。系统设计了验证码生成、关键字提取、敏感词过滤等小功能模块,为平台业务的扩展,提供技术支持。

2.1.2 主要实现技术

平台作为Web应用程序,主要采用MVC设计模式,使用EF框架为数据实现便捷的迁移方式。系统前端引用了布局页搭建平台基本样式构架,采用多个分布视图,在不影响页面美观的情况下使各功能模块化,使用部分前端技术,如Web弹层组件layer,对提示框做优化处理,运用JQuery与控制器传递参数,降低后端开发的繁琐,还有Bootstrap、Swiper、字体和图标工具包等,优化系统界面。在后端开发中通过获取后台登录信息,避免未经允许的其他客户端对后台的异地访问。在后台管理中采取分页设计,并设有查找功能,查找功能通过编写View部分代码以及JS脚本代码实现对Controller传值的实现[7]。

2.1.3 功能说明

文章浏览模块,采用简约的设计风格展示其文章内容,内容主要围绕乡村数据,将省内可获取的乡村数据进行采集并实现可视化显示。页面顶部设置的导航栏,在屏幕上进行下拉操作后可隐藏,点击便可还原导航栏。内容部分采取左右分框式设计,页面设有文章信息的浏览列表,通过列表底部可切换到不同页面。页面右侧空白区域,设置了辅助工具,如返回顶部操作、联系客服和官方微信的内容,能够方便不同用户群体访问此网站。用户还可以通过移动鼠标至搜索,弹出搜索框进行文章搜索等。

2.2 助农销售子平台的设计与搭建

2.2.1 主要功能

本子平台的设计与搭建,旨在帮助农户将农产品在互联网上进行推广和销售。用户可以浏览商城中的商品,并选择合适的商品进行购买;后台管理员负责汇总商品的销售信息,对用户账号和商品信息进行管理,也可添加文章、新闻作为新商品的介绍,以此进行产品推广。

2.2.2 主要实现技术

本部分使用Three-Layer 架构,MVC设计模式实现其相关的功能,其中View部分的前台和后台分别使用cshtml和aspx进行页面设计开发,设计并实现数据库的存储过程,实现物品购买流程的数据严密性,将修改数据的语句写入DAL层中,通过实例化在BLL层进行业务逻辑上的处理,从而实现数据的修改。

2.2.3 功能说明

“智联助农”购物商城中用户在未登录时可以访问网站主页,浏览商品信息,也可点击具体的商品浏览详情,点击“加入购物车”按钮将商品加入购物车,并提示用户需要登录,未拥有账号的用户直接进行注册,登录后会将未登录时购物车原本的状态转移到登录后的ID账号中。订单编号的生成采用了日期时间相减的方法,即由当前时间减去1970年1月1日的时间,所对应的秒钟数便是订单编号。推荐则是系统根据用户爱好定向为其推送商品信息,通过定向查询该用户的兴趣爱好,使用split方法拆解放入数组中,自动将“用户爱好”作为条件放入search中进行查询。

2.3 乡村振兴相关数据可视化

2.3.1 主要功能

近几年来乡村振兴效果显著,在乡村就业人员、人均受教育年限、农村人均消费等方面成果显著。为了使用户更加清晰地了解近几年乡村振兴的数据变化,该系统在各个页面内穿插数据表进行可视化表达,使用不同颜色标识表示数据变化程度,使用户更加直观地了解乡村变化。

2.3.2 主要实现技术

通过Python对数据源的数据进行爬取后导入到SQL Server数据库内进行存储,使用MVC编写后台查询SQL方法,利用Ajax访问程序内方法名的URL获取数据,通过Js定义数组将获取的数据存储到数组内保存并准备调用,通过Echarts和Web编程操作将数据体现在图表中,实现数据可视化。根据Echarts中不同type参数选择不同的数据图形进行表达,分析出数据随时间的变化和发展趋势,并能够美观地将Echarts图表嵌入在Web网页中,从而丰富用户体验感[8-10]。

2.3.3 功能说明

“乡村振兴—今年来的教育水平”界面通过介绍乡村振兴教育普及的相关内容,以便用户了解当前的教育情况。系统内插入相应数据表,帮助浏览者理解近年来的数据变化趋势,使页面内容更饱满,增强文章内容的易读性。文章内插入了近年全国高等教育人数比例、人均受教育年限和同比增长的图示,能使用户更直观地看到近十年乡村振兴改革后教育水平的提升情况。

3 平台系统特色

3.1 目标明确,实用性强

本项目平台系统是针对沈阳工学院的人才培养目标,立足于乡村振兴重大部署,通过大学生对关于乡村振兴普及度调查问卷的发放,结合用户实际需求进行开发的,具有较强实用性。

3.2 用户角色分明

本平台系统分为四类角色,并为他们赋予不同的权限:宣传子模块用户端、管理员端、商品购物前台、商品购物后台。管理员端可以管理权限内的前台模块,契合用户的需求,方便不同用户的访问。

3.3 优化视觉体验

本平台系统注重用户的视觉体验,统一页面设计,看重用户操作体验,把易用和实用作为目标,提供天气和脱贫数据的预测功能等,通过加入爬虫算法,使用Echarts将数据以图像的方式显示,方便用户理解。

4 总结

为适应全面推进乡村振兴的提议以及学校对高素质高技能应用型人才的培养计划,设计并开发了建乡践行数字化乡村振兴平台。文中分析了该平台的功能和创新之处,从不同的角度对新闻宣传模块和商品售卖模块进行设计与实现,对平台页面进行了统一设计,看重用户操作体验,以易用和实用作为目标,给用户和乡村振兴部门提供了一个便利的平台,具有较强实用性。

猜你喜欢

页面模块文章
刷新生活的页面
28通道收发处理模块设计
“选修3—3”模块的复习备考
细致入微的描写让文章熠熠生辉
放屁文章
小处着眼,写大文章
做好深化国企改革大文章
集成水空中冷器的进气模块
网站结构在SEO中的研究与应用
浅析ASP.NET页面导航技术