基于Ａｊａｘ的農(nóng)產(chǎn)品信息平臺的設(shè)計與實(shí)現(xiàn)

袁文卓 侯艷君

摘要：鑒于農(nóng)民因信息不對稱導(dǎo)致農(nóng)產(chǎn)品購銷渠道不暢，設(shè)計開發(fā)了一種基于Ａｊａｘ（Ａｓｙｎｃｈｒｏｎｏｕｓ ＪａｖａＳｃｒｉｐｔ ａｎｄ ＸＭＬ）的多層體系結(jié)構(gòu)的簡單、高效的農(nóng)產(chǎn)品信息服務(wù)平臺系統(tǒng)。系統(tǒng)采用異步通信方式實(shí)現(xiàn)無刷新下動態(tài)頁面局部數(shù)據(jù)更新；提供基于實(shí)例的信息發(fā)布方式；通過自動查詢和嵌入手機(jī)短信實(shí)現(xiàn)信息的配對，從而使系統(tǒng)具有易用性、高效性、便捷性，利于平臺的使用推廣。

關(guān)鍵詞：農(nóng)產(chǎn)品信息平臺；Ａｊａｘ（Ａｓｙｎｃｈｒｏｎｏｕｓ ＪａｖａＳｃｒｉｐｔ ａｎｄ ＸＭＬ）；多層體系結(jié)構(gòu)；異步通信

中圖分類號：ＴＰ３９３；Ｓ１２６文獻(xiàn)標(biāo)識碼：Ａ文章編號：0439－８114（２０12）16－3619-03

Designation and Implementation of Agricultural Products Information Platform

Based on Ajax

ＹＵＡＮ Ｗｅｎ－ｚｈｕｏ１，ＨＯＵ Ｙａｎ－ｊｕｎ２

（１． Ｈｅｎａｎ Ｐｒｏｖｉｎｃｉａｌ Ｃｏｍｍｅｒｃｅ Ｄｅｐａｒｔｍｅｎｔ， Ｚｈｅｎｇｚｈｏｕ ４５０００３，Ｃｈｉｎａ；

２． Ｎｏｒｔｈ Ｃｈｉｎａ Ｉｎｓｔｉｔｕｔｅ ｏｆ Ｗａｔｅｒ Ｃｏｎｓｅｒｖａｎｃｙ ａｎｄ Ｈｙｄｒｏｅｌｅｃｔｒｉｃ Ｐｏｗｅｒ， Ｚｈｅｎｇｚｈｏｕ ４５００１１，Ｃｈｉｎａ）

Ａｂｓｔｒａｃｔ： Ｉｎ ｖｉｅｗ ｏｆ ｔｈｅ ｂｌｏｃｋｅｄ ａｇｒｉｃｕｌｔｕｒａｌ ｍａｒｋｅｔｉｎｇ ｃｈａｎｎｅｌｓ ｃａｕｓｅｄ ｂｙ ａｓｙｍｍｅｔｒｙ ｉｎｆｏｒｍａｔｉｏｎ， ａ ｓｉｍｐｌｅ ａｎｄ ｅｆｆｉｃｉｅｎｔ ｉｎｆｏｒｍａｔｉｏｎ ｓｅｒｖｉｃｅ ｐｌａｔｆｏｒｍ ａｂｏｕｔ ａｇｒｉｃｕｌｔｕｒａｌ ｐｒｏｄｕｃｔｓ ｗａｓ ｄｅｓｉｇｎｅｄ ｕｓｉｎｇ ｍｕｌｔｉ－ｔｉｅｒ ａｒｃｈｉｔｅｃｔｕｒｅｓ ｂａｓｅｄ ｏｎ Ａｊａｘ． Ｔｈｅ ｓｙｓｔｅｍ ａｄｏｐｔｅｄ ｔｈｅ ａｓｙｎｃｈｒｏｎｏｕｓ ｃｏｍｍｕｎｉｃａｔｉｏｎ ｔｏ ｒｅａｌｉｚｅ ｕｐｄａｔｉｎｇ ｏｆ ｌｏｃａｌ ｄａｔａ ｗｉｔｈｏｕｔ ｒｅｆｒｅｓｈｉｎｇ ｉｎ ｄｙｎａｍｉｃ ｐａｇｅｓ． Ｔｈｅ ｉｎｆｏｒｍａｔｉｏｎ ｉｓｓｕｅｄ ｗａｙ ｂａｓｅｄ ｏｎ ｉｎｓｔａｎｃｅ ｗａｓ ｐｒｏｖｉｄｅｄ． Ｔｈｅ ｍａｔｃｈｉｎｇ ｉｎｆｏｒｍａｔｉｏｎ ｗａｓ ｒｅａｌｉｚｅｄ ｂｙ ｍｅａｎｓ ｏｆ ａｕｔｏｍａｔｉｃａｌｌｙ ｑｕｅｒｙｉｎｇ ａｎｄ ｅｍｂｅｄｄｅｄ ｓｈｏｒｔ ｍｅｓｓａｇｅ ｓｅｒｖｉｃｅ． Ｔｈｅｒｅｂｙ ｔｈｅ ｐｌａｔｆｏｒｍ ｗａｓ ｅａｓｙ， ｅｆｆｉｃｉｅｎｔ ａｎｄ ｃｏｎｖｅｎｉｅｎｔ ｔｏ ｂｅ ｕｓｅｄ ｉｎ ｃｏｕｎｔｒｙｓｉｄｅ．

Ｋｅｙ ｗｏｒｄｓ： ｉｎｆｏｒｍａｔｉｏｎ ｐｌａｔｆｏｒｍ ａｂｏｕｔ ａｇｒｉｃｕｌｔｕｒａｌ ｐｒｏｄｕｃｔｓ； Ａｊａｘ； ｍｕｌｔｉ－ｔｉｅｒ ａｒｃｈｉｔｅｃｔｕｒｅ； ａｓｙｎｃｈｒｏｎｏｕｓ ｃｏｍｍｕｎｉｃａｔｉｏｎ

中國是一個傳統(tǒng)的農(nóng)業(yè)大國，如何解決好農(nóng)產(chǎn)品購銷，促進(jìn)農(nóng)民增產(chǎn)增收，繁榮農(nóng)村經(jīng)濟(jì)，有效緩解農(nóng)產(chǎn)品買難賣難問題至關(guān)重要。隨著經(jīng)濟(jì)技術(shù)的飛速發(fā)展，信息化已成為全球經(jīng)濟(jì)社會發(fā)展的顯著特征，電子商務(wù)是一種網(wǎng)絡(luò)化的新型經(jīng)濟(jì)活動，正在逐步取代傳統(tǒng)的商務(wù)活動，成為新的商貿(mào)活動手段。便捷高效地開展農(nóng)產(chǎn)品電子商務(wù)已是解決以上諸多問題的有效途徑。

目前在中國開展農(nóng)村電子商務(wù)的基本條件已經(jīng)完全具備?！笆晃濉逼陂g，中國已全面實(shí)現(xiàn)了“村村通電話、鄉(xiāng)鄉(xiāng)能上網(wǎng)”的農(nóng)村通信發(fā)展規(guī)劃目標(biāo)，全國近５０％鄉(xiāng)鎮(zhèn)建成鄉(xiāng)鎮(zhèn)信息服務(wù)站和縣、鄉(xiāng)、村三級信息服務(wù)體系，農(nóng)村信息化水平得到整體提升［１］。據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心統(tǒng)計，截至２０１１年６月底，中國農(nóng)村網(wǎng)民規(guī)模為１．３１億［２］。農(nóng)民的整體文化素質(zhì)及信息化應(yīng)用水平已經(jīng)全面提高，滿足農(nóng)產(chǎn)品信息平臺應(yīng)用要求。但現(xiàn)運(yùn)行的農(nóng)村電子商務(wù)網(wǎng)站大多存在內(nèi)容多而不精、操作程序繁瑣、利用率低等弊病。

鑒于接受服務(wù)的對象為廣大農(nóng)民，研究旨在設(shè)計一種符合農(nóng)村發(fā)展現(xiàn)狀及農(nóng)民應(yīng)用水平的簡單、便利、高效的農(nóng)產(chǎn)品信息服務(wù)平臺，以使農(nóng)民、農(nóng)產(chǎn)品專業(yè)合作社及農(nóng)產(chǎn)品收購商、農(nóng)產(chǎn)品需求者等可以根據(jù)環(huán)境特點(diǎn)與自身?xiàng)l件，靈活選擇通過計算機(jī)、手機(jī)或固定電話進(jìn)行農(nóng)產(chǎn)品供求信息的發(fā)布、查詢及交易，系統(tǒng)通過自動配對實(shí)現(xiàn)產(chǎn)品對接。該平臺具有友好的人機(jī)交互界面、簡單的操作流程和便捷的數(shù)據(jù)維護(hù)方式。

１基于Ａｊａｘ的多層體系結(jié)構(gòu)

Ａｊａｘ（Ａｓｙｎｃｈｒｏｎｏｕｓ ＪａｖａＳｃｒｉｐｔ ａｎｄ ＸＭＬ）技術(shù)［３－５］最早于２００５年２月由Ａｄａｐｔｉｖｅ Ｐａｔｈ公司的Ｇａｒｒｅｔｔ提出。Ａｊａｘ是一種交互式的網(wǎng)頁開發(fā)技術(shù)，其實(shí)并不是全新的技術(shù)，而是ＪａｖａＳｃｒｉｐｔ、ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ、ＤＯＭ、ＸＭＬ、ＸＨＴＭＬ及ＣＳＳ等技術(shù)的綜合。在Ａｊａｘ中，ＪａｖａＳｃｒｉｐｔ是主體，用于將ＸＨＴＭＬ、ＤＯＭ和ＸＭＬ等綁定，ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ是核心，用于實(shí)現(xiàn)與服務(wù)器的異步通信，一旦數(shù)據(jù)返回到客戶端就可以立刻使用ＤＯＭ實(shí)現(xiàn)動態(tài)顯示和交互，ＸＭＬ用于請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)的封裝，使用ＸＨＴＭＬ和ＣＳＳ標(biāo)準(zhǔn)化呈現(xiàn)Ａｊａｘ界面。由于Ａｊａｘ技術(shù)的主要方式是通過異步ＪａｖａＳｃｒｉｐｔ實(shí)現(xiàn)ＸＭＬ客戶端腳本與Ｗｅｂ服務(wù)器數(shù)據(jù)的交換，通過這種方式實(shí)現(xiàn)Ｗｅｂ頁面不用打斷交互過程，動態(tài)地更新頁面局部數(shù)據(jù)。

Ａｊａｘ技術(shù)的關(guān)鍵是在服務(wù)器層和客戶層之間添加了一個中間層，用以實(shí)現(xiàn)數(shù)據(jù)的異步訪問?？蛻舳丝上蚍?wù)器端發(fā)送多個請求，Ｗｅｂ頁面不用刷新就能實(shí)現(xiàn)數(shù)據(jù)的動態(tài)實(shí)時更新?；冢粒辏幔亩鄬芋w系結(jié)構(gòu)［６－８］如圖１所示。Ａｊａｘ技術(shù)引發(fā)的異步通信改善了動態(tài)事件響應(yīng)機(jī)制，極大地提高了用戶體驗(yàn)效果，彌補(bǔ)了Ｂ／Ｓ架構(gòu)的不足［９］。

２系統(tǒng)的詳細(xì)設(shè)計

２．１功能模塊的劃分

農(nóng)產(chǎn)品信息平臺分為系統(tǒng)管理模塊、農(nóng)產(chǎn)品供求信息模塊、綜合查詢模塊、農(nóng)產(chǎn)品交易模塊、咨詢服務(wù)模塊、農(nóng)產(chǎn)品價格預(yù)測模塊及幫助模塊７個功能模塊。系統(tǒng)管理模塊包括用戶管理、權(quán)限管理及數(shù)據(jù)的維護(hù)。農(nóng)產(chǎn)品供求信息模塊是主要模塊，完成用戶供求信息發(fā)布、查詢以及供求信息對接。為了使信息發(fā)布更快捷，同時考慮到農(nóng)民首次使用的困難，信息發(fā)布采用基于實(shí)例的模式，可在實(shí)例的基礎(chǔ)上作更改。綜合查詢模塊提供站內(nèi)的綜合信息查詢，支持模糊和準(zhǔn)確查詢。農(nóng)產(chǎn)品交易模塊提供交易平臺。咨詢服務(wù)模塊包括咨詢和服務(wù)兩部分。咨詢包括在線咨詢和留言；服務(wù)范圍包括病蟲害、土壤、政策、天氣等信息公告及農(nóng)技百科。農(nóng)產(chǎn)品價格預(yù)測模塊根據(jù)往年價格、種植面積的變化、天氣、病蟲害、物價等影響因素通過模糊層次分析法作出預(yù)測。此模塊需要大量的數(shù)據(jù)，隨著數(shù)據(jù)庫的充實(shí)會逐步準(zhǔn)確。幫助模塊一方面提供系統(tǒng)應(yīng)用幫助，另一方面用戶可通過電話、短信等告知需求，由系統(tǒng)管理人員幫助其完成需求。

２．２供求信息的對接

供求信息的對接即供求配對，是用戶通過綜合查詢模塊根據(jù)自己的需求查詢相關(guān)信息。不排除無查詢的情況下直接發(fā)布需求信息，在這種情況下，提交信息時系統(tǒng)會自動查詢相應(yīng)配對信息并彈出告知，供求直接網(wǎng)上對接。為了使配對不成功的信息發(fā)布者及時得到新的信息，考慮有的用戶不會一直關(guān)注網(wǎng)上信息，采用嵌入短信發(fā)布通知用戶。

２．３數(shù)據(jù)庫的設(shè)計

信息平臺的關(guān)鍵是信息的收集、處理、對接和檢索。信息的數(shù)據(jù)結(jié)構(gòu)采用關(guān)系模型，用ＰｏｗｅｒＤｅｓｉｇｎｅｒ軟件完成數(shù)據(jù)庫的設(shè)計后導(dǎo)入到ＳＱＬ Ｓｅｒｖｅｒ數(shù)據(jù)庫中。在數(shù)據(jù)庫的設(shè)計過程中，一方面考慮信息的完整性，另一方面要避免冗余、不一致的數(shù)據(jù)，避免不規(guī)則的插入、更新和刪除。不規(guī)則的插入、更新和刪除是數(shù)據(jù)操作的問題，但如果數(shù)據(jù)庫設(shè)計合理就會避免此種錯誤的發(fā)生。設(shè)計時要遵循關(guān)系型數(shù)據(jù)庫的規(guī)范化，即要滿足第１范式（無重復(fù)的屬性）、第２范式（非主屬性，部分依賴于主碼）和第３范式（屬性不依賴于非主屬性）。供求部分的數(shù)據(jù)庫表相互關(guān)系如圖２所示。為了避免無用數(shù)據(jù)長期占用資源，減少系統(tǒng)管理員的勞動量，在供應(yīng)信息表和求購信息表中都設(shè)有有效期限，系統(tǒng)定期據(jù)此將無用數(shù)據(jù)刪除。

３基于Ａｊａｘ技術(shù)的系統(tǒng)實(shí)現(xiàn)

信息平臺采用基于Ａｊａｘ的多層體系結(jié)構(gòu)，使用Ｊａｖａ為主要開發(fā)語言，輔以ＨＴＭＬ、ＣＳＳ、ＪａｖａＳｃｒｉｐｔ等標(biāo)記、腳本語言，并采用ＳＱＬ Ｓｅｒｖｅｒ關(guān)系型數(shù)據(jù)庫來實(shí)現(xiàn)。在數(shù)據(jù)校驗(yàn)、按需求獲取級聯(lián)菜單、多級下拉列表框、動態(tài)重載表單內(nèi)容等方面采用了Ａｊａｘ技術(shù)。

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ對象是Ａｊａｘ技術(shù)中一個最重要的對象，它可以實(shí)現(xiàn)發(fā)送和接收超文本傳輸協(xié)議 （Ｈｙｐｅｒｔｅｘｔ ｔｒａｎｓｆｅｒ ｐｒｏｔｏｃｏｌ，ＨＴＴＰ）的請求與響應(yīng)信息，從而實(shí)現(xiàn)客戶端與服務(wù)器的異步通信功能。ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ對象最大的好處就是不刷新整個頁面而只更新網(wǎng)頁的部分內(nèi)容。ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ對象的創(chuàng)建如下［１０，１１］：

var xmlHttpReq=false；

fuction creatXMLHttpRequest（）

{if（window.XMLHttpRequest）//Mozilla/FireFox瀏覽器

{xmlHttpReq=new XMLHttpRequest（）；}

else if（window.ActiveXObject）//IE瀏覽器

{try{xmlHttpReq=new activeXObject

（"Msxml2.XMLHTTP"）；}

catch(e){try{xmlHttpReq=new activeXObject（"Microsoft.XMLHTTP"）；}

catch(e){ }}}}

創(chuàng)建對象后，就可以使用XMLHttpRequest對象的方法完成相應(yīng)的操作，XMLHttpRequest對象的方法主要有abort（）、Send（）、Open（）等。用Open（）方法向服務(wù)器發(fā)出請求取得XML數(shù)據(jù)程序如下。

function sendRequest（url）//發(fā)送請求函數(shù)

{creatXMLHttpRequest（）

xmlHttpReq.Open（"GET"，url，true）；

xmlHttpReq.onreadystatechange= processResponse；//指定響應(yīng)函數(shù)

xmlHttpReq.send（null）；}

Onreadystatechange是XMLHttpRequest對象的屬性之一，是狀態(tài)改變的事件觸發(fā)器，其屬性還有readyState、responseText、responseXML、status、statusText。在異步方式下工作，需要設(shè)置異步的事件處理函數(shù)。即請求發(fā)出后，捕捉響應(yīng)返回的屬性并進(jìn)行相應(yīng)的處理。下面是用來檢查MLHttpRequest文檔是否已經(jīng)解析完畢的processResponse（）。

function processResponse（）

{if（xmlHttpReq. readyState= =4& & xmlHttpReq.status= =200）//檢查是否正確取得數(shù)據(jù)

{xmldoc=xmlHttpReq.responseXML；

doSth（）；//實(shí)現(xiàn)瀏覽器用戶界面中的功能}

else{window.alert("頁面有異常。")}}

４結(jié)語

研究采用基于Ａｊａｘ的多層體系結(jié)構(gòu)，使用Ｊａｖａ為主要開發(fā)語言設(shè)計了一個面向農(nóng)民、農(nóng)產(chǎn)品專業(yè)合作社及農(nóng)產(chǎn)品收購商、農(nóng)產(chǎn)品需求者等的簡單、實(shí)用、高效的農(nóng)產(chǎn)品信息平臺系統(tǒng)。信息發(fā)布時通過自動查詢或嵌入短信實(shí)現(xiàn)了信息的配對，減少了購銷信息對計算機(jī)網(wǎng)絡(luò)的依賴。基于實(shí)例的信息發(fā)布方式提高了系統(tǒng)的易用性。在客戶端和服務(wù)器間頻繁傳送少量數(shù)據(jù)時，使用Ａｊａｘ引擎實(shí)現(xiàn)了異步數(shù)據(jù)通信，減少了不必要的網(wǎng)絡(luò)開銷，避免了頻繁刷新頁面和用戶等待，提高了系統(tǒng)的即時響應(yīng)性、交互性和執(zhí)行效率，給予了用戶更好的頁面效果和感受。

參考文獻(xiàn)：

［１］ 中華人民共和國工業(yè)和信息化部電信管理局．“十一五”我國全面實(shí)現(xiàn)“村村通電話、鄉(xiāng)鄉(xiāng)能上網(wǎng)”［ＥＢ／ＯＬ］．ｈｔｔｐ：//ｗｗｗ．ｍｉｉｔ．ｇｏｖ．ｃｎ／ｎ１１２９３４７２／ｎ１１２９３８３２／ｎ１１２９３９０７／ｎ１１３６８２２３／１３５６３５９４．ｈｔｍｌ， ２０１１－０１－０６．

［２］ 中國互聯(lián)網(wǎng)絡(luò)信息中心． ＣＮＮＩＣ發(fā)布《第２８次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》［ＥＢ／ＯＬ］． ｈｔｔｐ：／／ｗｗｗ．ｃｎｎｉｃ．ｎｅｔ．ｃｎ／ｄｔｙｇｇ／ｄｔｇｇ／２０１１０７／ｔ２０１１０７１９＿２２１３２．ｈｔｍｌ，２０１１－０７－１９．

［３］ ＧＡＲＲＥＴＴ Ｊ Ｊ． Ａｊａｘ：Ａ ｎｅｗ ａｐｐｒｏａｃｈ ｔｏ ｗｅｂ ａｐｐｌｉｃａｔｉｏｎｓ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｗｗｗ．ａｄａｐｔｉｖｅｐａｔｈ．ｃｏｍ／ｉｄｅａｓ／ｅｓｓａｙｓ／ａｒｃｈｉｖｅｓ／０００３８５．ｐｈｐ，２００５－０２－１８．

［４］ 王軍號．Ａｊａｘ與ＸＭＬ在二級聯(lián)動列表菜單中的協(xié)同應(yīng)用［Ｊ］． 實(shí)驗(yàn)室研究與探索，２０１０，２９（５）：７５－７８．

［５］ 孟慶瑞，田兆鋒，閻楚良． Ａｊａｘ技術(shù)在農(nóng)業(yè)裝備信息網(wǎng)中的應(yīng)用［Ｊ］． 農(nóng)業(yè)機(jī)械學(xué)報，２００８，３９（１２）：１３２－１３５．

［６］ 李健，黃晗文，劉芳，等．Ａｊａｘ在Ｗｅｂ中的應(yīng)用研究［Ｊ］．計算機(jī)與現(xiàn)代化，２００９（７）：８４－８７．

［７］ 任毅，王平，龔亞麗，等． Ａｊａｘ和Ｗｅｂ服務(wù)在空間信息發(fā)布中的應(yīng)用研究［Ｊ］． 計算機(jī)工程與設(shè)計，２００９，３０（１１）：２６９８－２７０１， ２７１７．

［８］ 李娟，汪厚祥，焦志強(qiáng)，等．動態(tài)ＥＲＰ系統(tǒng)中Ａｊａｘ／ＳＯＡ系統(tǒng)架構(gòu)模型的構(gòu)造［Ｊ］．計算機(jī)應(yīng)用與軟件，２０１０，２７（７）：６５－６６．

［９］ 翟彥博，楊桂麗，劉陽．基于Ｂ／Ｓ模式的儀器設(shè)備管理ＷＥＢ系統(tǒng)的設(shè)計與功能實(shí)現(xiàn)［Ｊ］．沈陽建筑大學(xué)學(xué)報（社會科學(xué)版），２００８，１０（３）：２９８－３０１．

［１０］ 馮曼菲．精通Ａjax：基礎(chǔ)概念、核心技術(shù)與典型案例［Ｍ］．北京：人民郵電出版社，２００８．２４８－２５９．

［１１］ 張桂元，賈燕楓，姜波．征服Ａｊａｘ——Ｗｅｂ ２．０快速入門與項(xiàng)目實(shí)踐（Ｊａｖａ）［Ｍ］．北京：人民郵電出版社，２００６．１５６－１８２．