基于WEB的農(nóng)產(chǎn)品質(zhì)量追溯平臺的設計與實現(xiàn)

徐志穎++顧立琦++周刊

摘要：農(nóng)產(chǎn)品質(zhì)量追溯平臺的設計是將Web技術，移動技術與數(shù)據(jù)庫技術相結(jié)合。該系統(tǒng)由瀏覽器、WEB服務器和數(shù)據(jù)庫構(gòu)成，集成了首頁，下載，資訊，加盟和搜索五個模塊，實現(xiàn)了對綠色基地農(nóng)產(chǎn)品質(zhì)量的追溯。為廣大用戶提供了一個快捷，方便，準確的了解農(nóng)產(chǎn)品知識的平臺，也為一些農(nóng)產(chǎn)品基地提供了一個認證機制。本系統(tǒng)的實現(xiàn)為構(gòu)建安全綠色社會做出了貢獻，是時代潮流所趨。

關鍵詞：農(nóng)產(chǎn)品；Web技術；安全食品

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2016）08-0135-03

The Design and Realization of Agricultural Quality Traceability Platform Based on Web

XU Zhi-ying， GU Li-qi， ZHOU Kan

（Suqian College， Suqian 223800， China）

Abstract：The design of agricultural quality traceability platform is the combination of web technology， mobile technology and database technology. This system consists of browser， Web server and database，Integrated home， download， information， join and search five modules，to realize the quality of agricultural products on the green base. It offers a quick， convenient， and accurate understanding of the agricultural knowledge platform for the majority of users also provides an authentication mechanism for some agricultural products bases. The realization of the system to build a safe and green society to make a contribution，which is the trend of the times.

Key words： agricultural products； web； technology； food safety

隨著社會經(jīng)濟不斷進步，經(jīng)濟全球化不斷發(fā)展，人們的飲食文化愈加多樣化，食品衛(wèi)生與安全成為備受關注的熱門話題。相對于前幾年，食品安全曝光問題大大減少。但是現(xiàn)狀卻不容樂觀，食品中毒事件頻頻發(fā)生，據(jù)統(tǒng)計2015年因為各種食品安全事件經(jīng)濟損失至少500億元，死傷人數(shù)上萬人，光上半年比較典型且死傷人數(shù)較多的食品中毒事件就68起，平均每3天就一起食品中毒事故。在如此嚴峻的問題面前，人們越來越迫切地想知道自己所購買的農(nóng)產(chǎn)品是否是經(jīng)過認證的安全食品。

本系統(tǒng)基于當前熱門的web技術，并利用了數(shù)據(jù)庫技術數(shù)據(jù)讀取高效，存儲量大的特點，旨在為廣大的消費者提供一個可搜索的農(nóng)產(chǎn)品質(zhì)量追溯平臺1，使消費者能夠準確地得到手中購買的農(nóng)產(chǎn)品的認證信息。只有進行嚴格的農(nóng)藥殘毒檢測，在嚴打上市農(nóng)產(chǎn)品殘留農(nóng)藥超標的同時，鼓勵和保護綠色農(nóng)產(chǎn)品生產(chǎn)基地，才能更好地保障消費者和生產(chǎn)者的權益。

1 系統(tǒng)應用架構(gòu)

系統(tǒng)應用架構(gòu)體系2如圖1所示。該系統(tǒng)由瀏覽器、WEB服務器以及數(shù)據(jù)庫構(gòu)成，集成了下載、資訊及加盟等等功能，實現(xiàn)了農(nóng)產(chǎn)品質(zhì)量追溯平臺的設計。數(shù)據(jù)讀取的具體操作步驟如下：

1） 用戶點擊搜索框，輸入農(nóng)產(chǎn)品編號

2） 建立連接：瀏覽器與服務器建立TCP連接

3） 發(fā)送請求：打開一個連接后，瀏覽器把請求信息發(fā)送到服務器的相應端口上，完成請求動作提交。

4） 連接數(shù)據(jù)庫：服務器請求從數(shù)據(jù)庫中讀取數(shù)據(jù)，得到應答，獲取數(shù)據(jù)信息。

5） 發(fā)送響應：服務器在處理完瀏覽器請求之后，要向瀏覽器發(fā)送響應消息。

6） 關閉連接：瀏覽器和服務器都可以結(jié)束TCP/IP對話。

2 系統(tǒng)模塊設計

本系統(tǒng)名為Healthy Food，通過HTML5+CSS技術及javascript技術，以Visual Studio2013作為開發(fā)工具，實現(xiàn)了集首頁，下載，資訊，加盟和搜索五大模塊為一體的網(wǎng)站系統(tǒng)3如圖2所示。用戶分為消費者和生產(chǎn)基地加盟商。消費者可以通過打開該網(wǎng)站查詢農(nóng)產(chǎn)品的追溯信息，了解并下載Healthy Food移動端，獲取食品安全方面的最新資訊；生產(chǎn)基地加盟商通過加盟頁面，經(jīng)審核可成為綠色生產(chǎn)基地。后臺利用數(shù)據(jù)庫技術實現(xiàn)對農(nóng)產(chǎn)品運輸物流信息的管理。

2.1首頁

首頁（如圖3）最上方是網(wǎng)站的Logo，導航欄及搜索框。導航欄從左至右依次是首頁，下載，資訊及加盟。消費者通過在最右邊的搜索框中輸入所購買農(nóng)產(chǎn)品的編號，可查詢產(chǎn)品詳細的物流信息。整個導航欄固定在網(wǎng)頁的最上方，保證用戶可以隨時切換到任意模塊。為了更好的視覺體驗，導航欄透明度初始為0.7，當頁面左上角縱坐標的值大于700時，透明度設置為1.0。

導航欄的下方是圖片輪播機制，用來介紹一些優(yōu)秀生產(chǎn)基地的信息。滾動條繼續(xù)往下滾動，會展示農(nóng)產(chǎn)品圖片等，對應的介紹文字會通過jQuery的控制從網(wǎng)頁側(cè)邊滑動出現(xiàn)。首頁的底部是我們的版本所有權聲明。

2.2下載

在下載頁面，用戶可以通過掃描二維碼下載移動端上的相關產(chǎn)品——Healthy Food Search及Healthy Food Kown。在Search端，用戶可以輸入兩種食物，通過晃動手機來查看食物是否可以同時食用，例如輸入蟹和橘子（兩者不可以同時食用），則會出現(xiàn)一個提示，上面顯示食用的危害以及誤食建議，如圖4所示。在Know端，用戶可以隨時查看熱點新聞，健康資訊及菜譜。

2.3資訊、加盟與搜索

資訊（如圖5）頁面的上半部分是輪播的選項卡4，以顯示熱點新聞。當頁面下滑時，就可以看到我們的資訊主題。主題以方塊形式出現(xiàn)，鼠標懸浮時對應的方塊上會出現(xiàn)一個罩布，表示可以轉(zhuǎn)到該資訊專題。點擊進入，可閱讀資訊詳情。加盟頁面是針對想加入我們的生產(chǎn)基地的。簡單的注冊信息，使良心商家快速地加入到綠色生產(chǎn)商的隊伍中來。收到加盟申請后，我們會派專業(yè)人員去生產(chǎn)基地進行實地考察，檢驗該基地是否可以被認證為綠色生產(chǎn)基地。搜索是通過手機掃描二維碼將掃描的信息通過WEB直接查閱到追溯信息，保證食品質(zhì)量安全的可靠性。

3 數(shù)據(jù)庫設計

該網(wǎng)站采用 Microsoft SQL Server2014 數(shù)據(jù)庫5，本網(wǎng)站的主要表結(jié)構(gòu)設計包括了生產(chǎn)基地表（表1）和農(nóng)產(chǎn)品物流信息表（表2）。

生產(chǎn)基地表表主要存儲農(nóng)產(chǎn)品生產(chǎn)基地的相關信息，包括了基地編號、基地名稱、基地負責人、負責人郵箱、負責人聯(lián)系號碼、基地詳細地址、基地審核狀態(tài)及其申請時間等內(nèi)容。其中產(chǎn)地編號 Place_id 為產(chǎn)地唯一標識，自動增長，基地審核狀態(tài) Place_checked 用 0 和 1 表示，0 表示未申請成功，1 表示申請成功狀態(tài)，申請時間由數(shù)據(jù)庫自動生成。

農(nóng)產(chǎn)品物流信息表主要用來存儲農(nóng)產(chǎn)品的物流信息信息，包括農(nóng)產(chǎn)品編號、農(nóng)產(chǎn)品名稱、農(nóng)產(chǎn)品物流記錄及農(nóng)產(chǎn)品到達時間。其中產(chǎn)品編號 Produce_id 為產(chǎn)品唯一標識，自動增長。

4 結(jié)論

本系統(tǒng)運通過HTML5+CSS技術及javascript技術，以Visual Studio2013作為開發(fā)工具，為用戶設計了農(nóng)產(chǎn)品質(zhì)量安全追溯系統(tǒng)系統(tǒng)，通過該系統(tǒng)使用戶方便快捷地了解自己食用的農(nóng)產(chǎn)品是否健康，也為更多的人更好的服務。本系統(tǒng)還具有食物健康的最新資訊功能，用戶可以在網(wǎng)頁上查看最新的健康資訊。網(wǎng)站實現(xiàn)效果如圖6：

參考文獻：

[1] 仝新順，吳宜. 食品安全的可追溯系統(tǒng)研究綜述[J]. 物流工程與管理，2010（1）.

[2] 馮國臻. Web數(shù)據(jù)庫技術綜述[J]. 計算機應用，1998（10）.

[3] 趙清華，林學華. 基于DIV+CSS的網(wǎng)頁布局技術應用研究[J]. 現(xiàn)代計算機（專業(yè)版），2010（5）.

[4] 周利榮. 基于javascript的動態(tài)網(wǎng)頁制作[J]. 電腦學習，2005（3）.

[5] 郝為民. Web技術的發(fā)展及數(shù)據(jù)存取技術[J]. 電大理工，2005（2）.