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

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

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

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

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

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

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

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

2） 建立連接：瀏覽器與服務(wù)器建立TCP連接

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

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

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

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

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

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

2.1首頁

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

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

2.2下載

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

2.3資訊、加盟與搜索

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

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

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

生產(chǎn)基地表表主要存儲農(nóng)產(chǎn)品生產(chǎn)基地的相關(guān)信息，包括了基地編號、基地名稱、基地負(fù)責(zé)人、負(fù)責(zé)人郵箱、負(fù)責(zé)人聯(lián)系號碼、基地詳細(xì)地址、基地審核狀態(tài)及其申請時間等內(nèi)容。其中產(chǎn)地編號 Place_id 為產(chǎn)地唯一標(biāo)識，自動增長，基地審核狀態(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)品到達(dá)時間。其中產(chǎn)品編號 Produce_id 為產(chǎn)品唯一標(biāo)識，自動增長。

4 結(jié)論

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

參考文獻(xiàn)：

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

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

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

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

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