建鄉踐行數字化平臺設計與實現

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

(沈陽工學院,遼寧 沈撫改革創新示范區 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 總結

為適應全面推進鄉村振興的提議以及學校對高素質高技能應用型人才的培養計劃,設計并開發了建鄉踐行數字化鄉村振興平臺。文中分析了該平臺的功能和創新之處,從不同的角度對新聞宣傳模塊和商品售賣模塊進行設計與實現,對平臺頁面進行了統一設計,看重用戶操作體驗,以易用和實用作為目標,給用戶和鄉村振興部門提供了一個便利的平臺,具有較強實用性。