建鄉(xiāng)踐行數(shù)字化平臺設(shè)計(jì)與實(shí)現(xiàn)

喬宏宇,冷大鵬,尹家輝,田 丹

(沈陽工學(xué)院,遼寧 沈撫改革創(chuàng)新示范區(qū) 113122)

0 引言

當(dāng)前,遼寧省鄉(xiāng)村振興建設(shè)經(jīng)過省政府的統(tǒng)籌規(guī)劃取得了顯著成效,各項(xiàng)指標(biāo)明顯提高。促進(jìn)高效脫貧、確保糧食安全、防止規(guī)模性返貧,扎實(shí)推進(jìn)鄉(xiāng)村發(fā)展、鄉(xiāng)村建設(shè)、鄉(xiāng)村治理等重點(diǎn)工作,守好“三農(nóng)”基本盤是各部門現(xiàn)階段亟需解決的問題[1]。提高地方人民關(guān)于鄉(xiāng)村振興的普及度,大力宣傳鄉(xiāng)村振興的發(fā)展是推進(jìn)鄉(xiāng)村發(fā)展和振興的有效措施。鑒于此,建鄉(xiāng)踐行數(shù)字化鄉(xiāng)村振興平臺的開發(fā)致力于輔助鄉(xiāng)村振興政策,起到宣傳和助銷的作用。

1 平臺系統(tǒng)功能分析與設(shè)計(jì)

本平臺是一款基于Web應(yīng)用,以實(shí)施鄉(xiāng)村振興戰(zhàn)略目標(biāo)為立足點(diǎn),設(shè)計(jì)并搭建,起到幫助宣傳鄉(xiāng)村振興和農(nóng)產(chǎn)品銷售的服務(wù)平臺。本平臺系統(tǒng)分設(shè)4種角色用戶,擬實(shí)現(xiàn)文章新聞信息的展示及助農(nóng)產(chǎn)品的售賣功能,主要為鄉(xiāng)村產(chǎn)業(yè)提供信息查詢、幫扶和數(shù)據(jù)可視化的服務(wù),平臺可以針對各城鄉(xiāng)的實(shí)際情況設(shè)置具體的服務(wù)、政策和幫扶措施等,簡潔明了,具有較好實(shí)用性。

平臺注重用戶的視覺體驗(yàn),在項(xiàng)目中添加了原創(chuàng)設(shè)計(jì)的Logo標(biāo)識,能夠展示品牌理念和調(diào)性,在視覺層面上起到表達(dá)和傳播的作用;平臺統(tǒng)一頁面設(shè)計(jì),頁面布局以綠色作為主體顏色,使人聯(lián)想到環(huán)保、綠色、生態(tài)的主題基調(diào),富有親切感;平臺看重用戶的操作體驗(yàn),在實(shí)現(xiàn)基本功能的基礎(chǔ)上優(yōu)化頁面設(shè)計(jì),體現(xiàn)出項(xiàng)目的易用性和實(shí)用性。本平臺系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)如圖1所示。

圖1 系統(tǒng)功能結(jié)構(gòu)圖

2 平臺系統(tǒng)實(shí)現(xiàn)

本平臺的開發(fā)致力于輔助鄉(xiāng)村振興政策,是基于ASP.NET Core Web的開發(fā)框架,使用C#語言和MVC設(shè)計(jì)模式進(jìn)行開發(fā)。本平臺子模塊的前后端編碼分別使用Visual Studio 2019和2022版本,使用SQL Server 2008對相關(guān)信息的數(shù)據(jù)進(jìn)行存儲和管理。數(shù)據(jù)庫名為Webdb和Modelwz,Webdb用于存放商品購物模塊,Modelwz用于存放新聞宣傳模塊,其中數(shù)據(jù)可視化的數(shù)據(jù)存放在Modelwz中,包括省內(nèi)各地級市的地區(qū)生產(chǎn)總值、農(nóng)業(yè)機(jī)械總動力、生活垃圾無害化處理率等指標(biāo)[2-5]。使用Three-Layer結(jié)構(gòu),將連接數(shù)據(jù)庫的基本語句封裝在DAL層,業(yè)務(wù)的邏輯處理放在BLL層,將展現(xiàn)給用戶的界面放在UI層中,用戶無法直接訪問,而是訪問對應(yīng)的視圖。

本系統(tǒng)按照新聞(文章)管理的實(shí)際操作和商品購物的需求設(shè)計(jì)用戶界面,可滿足新聞管理和助農(nóng)銷售的各種需求[6]。

2.1 新聞(文章)宣傳子平臺的設(shè)計(jì)與搭建

2.1.1 主要功能

平臺通過收集有關(guān)鄉(xiāng)村發(fā)展的各類新聞、雜志等信息,并為其提供便捷有效的訪問方式。平臺會對不同信息進(jìn)行整理分類,使用戶在獲得較好體驗(yàn)感的同時(shí)還能了解更多農(nóng)業(yè)知識。平臺對文章的查找方式,提供了分類查找、條件查找、模糊查找等;對文章的瀏覽方式,提供了熱點(diǎn)瀏覽、實(shí)時(shí)瀏覽等。平臺還為用戶提供了評論功能,增加用戶之間的交互性。平臺也有提供文章來源的鏈接,以此為用戶提供更多信息查找的渠道。系統(tǒng)設(shè)計(jì)了驗(yàn)證碼生成、關(guān)鍵字提取、敏感詞過濾等小功能模塊,為平臺業(yè)務(wù)的擴(kuò)展,提供技術(shù)支持。

2.1.2 主要實(shí)現(xiàn)技術(shù)

平臺作為Web應(yīng)用程序,主要采用MVC設(shè)計(jì)模式,使用EF框架為數(shù)據(jù)實(shí)現(xiàn)便捷的遷移方式。系統(tǒng)前端引用了布局頁搭建平臺基本樣式構(gòu)架,采用多個(gè)分布視圖,在不影響頁面美觀的情況下使各功能模塊化,使用部分前端技術(shù),如Web彈層組件layer,對提示框做優(yōu)化處理,運(yùn)用JQuery與控制器傳遞參數(shù),降低后端開發(fā)的繁瑣,還有Bootstrap、Swiper、字體和圖標(biāo)工具包等,優(yōu)化系統(tǒng)界面。在后端開發(fā)中通過獲取后臺登錄信息,避免未經(jīng)允許的其他客戶端對后臺的異地訪問。在后臺管理中采取分頁設(shè)計(jì),并設(shè)有查找功能,查找功能通過編寫View部分代碼以及JS腳本代碼實(shí)現(xiàn)對Controller傳值的實(shí)現(xiàn)[7]。

2.1.3 功能說明

文章瀏覽模塊,采用簡約的設(shè)計(jì)風(fēng)格展示其文章內(nèi)容,內(nèi)容主要圍繞鄉(xiāng)村數(shù)據(jù),將省內(nèi)可獲取的鄉(xiāng)村數(shù)據(jù)進(jìn)行采集并實(shí)現(xiàn)可視化顯示。頁面頂部設(shè)置的導(dǎo)航欄,在屏幕上進(jìn)行下拉操作后可隱藏,點(diǎn)擊便可還原導(dǎo)航欄。內(nèi)容部分采取左右分框式設(shè)計(jì),頁面設(shè)有文章信息的瀏覽列表,通過列表底部可切換到不同頁面。頁面右側(cè)空白區(qū)域,設(shè)置了輔助工具,如返回頂部操作、聯(lián)系客服和官方微信的內(nèi)容,能夠方便不同用戶群體訪問此網(wǎng)站。用戶還可以通過移動鼠標(biāo)至搜索,彈出搜索框進(jìn)行文章搜索等。

2.2 助農(nóng)銷售子平臺的設(shè)計(jì)與搭建

2.2.1 主要功能

本子平臺的設(shè)計(jì)與搭建,旨在幫助農(nóng)戶將農(nóng)產(chǎn)品在互聯(lián)網(wǎng)上進(jìn)行推廣和銷售。用戶可以瀏覽商城中的商品,并選擇合適的商品進(jìn)行購買;后臺管理員負(fù)責(zé)匯總商品的銷售信息,對用戶賬號和商品信息進(jìn)行管理,也可添加文章、新聞作為新商品的介紹,以此進(jìn)行產(chǎn)品推廣。

2.2.2 主要實(shí)現(xiàn)技術(shù)

本部分使用Three-Layer 架構(gòu),MVC設(shè)計(jì)模式實(shí)現(xiàn)其相關(guān)的功能,其中View部分的前臺和后臺分別使用cshtml和aspx進(jìn)行頁面設(shè)計(jì)開發(fā),設(shè)計(jì)并實(shí)現(xiàn)數(shù)據(jù)庫的存儲過程,實(shí)現(xiàn)物品購買流程的數(shù)據(jù)嚴(yán)密性,將修改數(shù)據(jù)的語句寫入DAL層中,通過實(shí)例化在BLL層進(jìn)行業(yè)務(wù)邏輯上的處理,從而實(shí)現(xiàn)數(shù)據(jù)的修改。

2.2.3 功能說明

“智聯(lián)助農(nóng)”購物商城中用戶在未登錄時(shí)可以訪問網(wǎng)站主頁,瀏覽商品信息,也可點(diǎn)擊具體的商品瀏覽詳情,點(diǎn)擊“加入購物車”按鈕將商品加入購物車,并提示用戶需要登錄,未擁有賬號的用戶直接進(jìn)行注冊,登錄后會將未登錄時(shí)購物車原本的狀態(tài)轉(zhuǎn)移到登錄后的ID賬號中。訂單編號的生成采用了日期時(shí)間相減的方法,即由當(dāng)前時(shí)間減去1970年1月1日的時(shí)間,所對應(yīng)的秒鐘數(shù)便是訂單編號。推薦則是系統(tǒng)根據(jù)用戶愛好定向?yàn)槠渫扑蜕唐沸畔?通過定向查詢該用戶的興趣愛好,使用split方法拆解放入數(shù)組中,自動將“用戶愛好”作為條件放入search中進(jìn)行查詢。

2.3 鄉(xiāng)村振興相關(guān)數(shù)據(jù)可視化

2.3.1 主要功能

近幾年來鄉(xiāng)村振興效果顯著,在鄉(xiāng)村就業(yè)人員、人均受教育年限、農(nóng)村人均消費(fèi)等方面成果顯著。為了使用戶更加清晰地了解近幾年鄉(xiāng)村振興的數(shù)據(jù)變化,該系統(tǒng)在各個(gè)頁面內(nèi)穿插數(shù)據(jù)表進(jìn)行可視化表達(dá),使用不同顏色標(biāo)識表示數(shù)據(jù)變化程度,使用戶更加直觀地了解鄉(xiāng)村變化。

2.3.2 主要實(shí)現(xiàn)技術(shù)

通過Python對數(shù)據(jù)源的數(shù)據(jù)進(jìn)行爬取后導(dǎo)入到SQL Server數(shù)據(jù)庫內(nèi)進(jìn)行存儲,使用MVC編寫后臺查詢SQL方法,利用Ajax訪問程序內(nèi)方法名的URL獲取數(shù)據(jù),通過Js定義數(shù)組將獲取的數(shù)據(jù)存儲到數(shù)組內(nèi)保存并準(zhǔn)備調(diào)用,通過Echarts和Web編程操作將數(shù)據(jù)體現(xiàn)在圖表中,實(shí)現(xiàn)數(shù)據(jù)可視化。根據(jù)Echarts中不同type參數(shù)選擇不同的數(shù)據(jù)圖形進(jìn)行表達(dá),分析出數(shù)據(jù)隨時(shí)間的變化和發(fā)展趨勢,并能夠美觀地將Echarts圖表嵌入在Web網(wǎng)頁中,從而豐富用戶體驗(yàn)感[8-10]。

2.3.3 功能說明

“鄉(xiāng)村振興—今年來的教育水平”界面通過介紹鄉(xiāng)村振興教育普及的相關(guān)內(nèi)容,以便用戶了解當(dāng)前的教育情況。系統(tǒng)內(nèi)插入相應(yīng)數(shù)據(jù)表,幫助瀏覽者理解近年來的數(shù)據(jù)變化趨勢,使頁面內(nèi)容更飽滿,增強(qiáng)文章內(nèi)容的易讀性。文章內(nèi)插入了近年全國高等教育人數(shù)比例、人均受教育年限和同比增長的圖示,能使用戶更直觀地看到近十年鄉(xiāng)村振興改革后教育水平的提升情況。

3 平臺系統(tǒng)特色

3.1 目標(biāo)明確,實(shí)用性強(qiáng)

本項(xiàng)目平臺系統(tǒng)是針對沈陽工學(xué)院的人才培養(yǎng)目標(biāo),立足于鄉(xiāng)村振興重大部署,通過大學(xué)生對關(guān)于鄉(xiāng)村振興普及度調(diào)查問卷的發(fā)放,結(jié)合用戶實(shí)際需求進(jìn)行開發(fā)的,具有較強(qiáng)實(shí)用性。

3.2 用戶角色分明

本平臺系統(tǒng)分為四類角色,并為他們賦予不同的權(quán)限:宣傳子模塊用戶端、管理員端、商品購物前臺、商品購物后臺。管理員端可以管理權(quán)限內(nèi)的前臺模塊,契合用戶的需求,方便不同用戶的訪問。

3.3 優(yōu)化視覺體驗(yàn)

本平臺系統(tǒng)注重用戶的視覺體驗(yàn),統(tǒng)一頁面設(shè)計(jì),看重用戶操作體驗(yàn),把易用和實(shí)用作為目標(biāo),提供天氣和脫貧數(shù)據(jù)的預(yù)測功能等,通過加入爬蟲算法,使用Echarts將數(shù)據(jù)以圖像的方式顯示,方便用戶理解。

4 總結(jié)

為適應(yīng)全面推進(jìn)鄉(xiāng)村振興的提議以及學(xué)校對高素質(zhì)高技能應(yīng)用型人才的培養(yǎng)計(jì)劃,設(shè)計(jì)并開發(fā)了建鄉(xiāng)踐行數(shù)字化鄉(xiāng)村振興平臺。文中分析了該平臺的功能和創(chuàng)新之處,從不同的角度對新聞宣傳模塊和商品售賣模塊進(jìn)行設(shè)計(jì)與實(shí)現(xiàn),對平臺頁面進(jìn)行了統(tǒng)一設(shè)計(jì),看重用戶操作體驗(yàn),以易用和實(shí)用作為目標(biāo),給用戶和鄉(xiāng)村振興部門提供了一個(gè)便利的平臺,具有較強(qiáng)實(shí)用性。