新建Ajax 的农业技术信息平台

2021-05-25 11854 农业技术论文

一、基于Ajax的多层体系结构

与传统的Web应用不同,Ajax采用异步交互过程,从而改变了同步交互过程中的“处理—等待—处理—等待”的模式,实现Web页面不用打断交互过程,动态地更新页面局部数据。Ajax技术按需取数据、节省服务器带宽和减轻服务器处理负担。Ajax技术的关键是添加了一个中间层在服务层和客户层之间,使数据的异步访问得以实现。客户端可以同时向服务器端发出多个请求,不用刷新Web页面就能实现数据的动态实时更新。基于Ajax的多层体系结构。基于Ajax技术的异步通信改善了动态事件的响应机制,极大地提高了平台的用户体验效果,并弥补了B/S架构的不足。

二、系统设计

1、功能模块的划分农业技术信息平台分为系统管理模块、技术展示模块、农业技术供求信息模块、综合查询模块、农业技术交易模块、跟踪咨询服务模块、经验探讨模块及帮助8个功能模块。系统管理模块包括用户管理、权限管理及数据的维护。技术展示模块提供一些技术资料、视频材料供用户下载。农业技术供求信息模块是主要模块,完成用户供求信息查询、发布,供求信息对接。供求信息对接即供求配对,提交信息时系统自动查询相应配对信息并弹出告知,供求直接网上对接。如果配对不成功,当后续有相关配对信息时采用嵌入短信发布的方式通知用户。为了使信息发布更便捷,也考虑农民首次使用的困难,信息发布提供基于实例的模式,可在实例的基础上更改发布。综合查询模块是站内的综合信息查询,支持模糊和准确查询。农业技术交易模块提供交易平台。跟踪咨询服务模块包括跟踪、咨询和服务3部分。跟踪主要采用短信模式,在技术交易成立时嵌入系统提示短信,根据技术自身实际在合适的时间将相关内容发给相关人。用户反馈可采用短信或留言的方式提供给技术提供方。咨询包括在线咨询和留言。服务包括病虫害、土壤、政策、天气等信息公告及农技百科。经验探讨模块采用BBS模式,供用户进行经验探讨。帮助模块一方面提供系统应用帮助,另一方面用户可通过电话、短信等告知需求,由系统管理人员帮助其完成需求。

2、多媒体技术应用多媒体技术就是具有集成性、实时性和交互性的计算机综合处理声音、文字、图像的多种媒体信息的技术。该平台制作过程中大量采用多媒体技术,网页内容用三维动画、图片、视频等形式来展现,更生动、形象,易于被广大农民接受。农业技术往往涉及大量的概念、定义,比较抽象、难以理解、不易记忆,且操作性强,需要大量的实践才能掌握。鉴于此,平台充分运用了近年来新兴的传媒方式———视频点播。通过视频点播,打破了传统的下载在时间和空间上的限制,实现音频、视频等多媒体资料随时随地的点播。这些多媒体信息在网络上的传输主要采用了实时流协议(Realtimestreamingprotocol,RTSP)。

3、层叠样式表的应用层叠样式表(Cascadingstylesheets,CSS)是一系列格式规则,用以控制网页内容的外观。用CSS样式可以灵活并很好地控制网页外观,控制的范围包括从精确的布局定位到特定的字体和样式。CSS样式可以控制许多用HTML无法控制的属性。平台设计中通过使用CSS样式确保多个页面中字体的类型、颜色、像素单位保持一致,使网页让用户看起来整齐、美观、大方。

4、数据库设计农业技术信息平台的关键是信息的收集、处理、对接和检索。该平台的数据结构采用关系模型,采用PowerDesigner软件进行数据库的设计,然后导入到SQLSerer数据库中。在数据库的设计过程中,既要考虑数据的完整性,又要避免冗余、不一致的数据,避免不规则的添加、修改和删除。不规则的添加、修改和删除是数据操作的问题,用户繁多、文化程度不同,从用户入手避免数据误操作是不可能的,那就需要从系统入手,也即需要合理设计数据库。设计时要遵循关系型数据库的规范化,即要满足第1范式(无重复的属性)、第2范式(非主属性非部分依赖于主码)和第3范式(属性不依赖于非主属性)。以供求部分的数据库表为例,在供应和求购信息表中都设有有效期限,系统定期据此将无用数据删除,避免了无用数据长期占用资源,并减少了系统管理员的劳动量。

三、基于Ajax技术的系统实现

农业技术信息平台采用基于Ajax的多层体系结构,用JAA作为主要开发语言,辅以HTML、CSS、JaaScript等标记、脚本语言,选用Tomcat作服务器,数据库管理系统使用的是功能强大的易于维护的SQLSerer,用SybasePowerDesigner进行数据库设计。在数据校验、按需求获取的级联菜单、多级下拉列表框、动态重载表单内容等方面采用了Ajax技术。Ajax采用异步交互,通过XMLHttpRequest对象动态地更新页面局部数据。XMLHttpRequest对象可以实现发送和接收超文本传输协议(HypertextTransferProtocol,HTTP)的请求与响应信息,从而实现客户端与服务器异步通信功能。XMLHttpRequest对象创建如下:arxmlHReq=false;fuctionsetXMLHttpRequest{if(window.XMLHttpRequest)//Mozilla/Fire-Fox浏览器{xmlHReq=newXMLHttpRequest;}elseif(window.ActieXObject)//IE浏览器{try{xmlHReq=newactieXObject("Msxml2.XMLHTTP");}catch(e){try{xmlHReq=newactiexobject("Microsoft.XMLHTTP");}catch(e)创建XMLHTTPRequest对象后,就可以使用XMLHTTPRequest对象的方法完成相应的操作,XMLHTTPRequest对象的方法主要有Send、Open、abort、getAllResponseHeaders等。要把请求发送到服务器,需要使用open和send方法。用Open和send方法向服务器发出请求取得XML数据程序如下:functionsendRequest(url)//发送请求函数{setXMLHttpRequestxmlHReq.Open("GET",url,true);//true表示请求是异步的xmlHReq.onreadystatechange=proResfun;//指定响应函数xmlHReq.send(null);//将请求送往服务器}在异步方式下工作,需要设置异步的事件处理函数。onreadystatechange是XMLHTTPRequest对象的属性之一,存有处理服务器响应的函数,它是状态改变的事件触发器。XMLHTTPRequest对象的属性还有readyState、responseText、responseXML、status、statusText。readyState属性存有服务器响应的状态信息。每当readyState改变时,onreadystatechange函数就会被执行。下面是用来检查MLHTTPRequest文档是否已经解析完毕的proResfun。functionproResfun{if(xmlHReq.readyState==4&&xmlHReq.status==200)//检查是否正确取得数据{xmldoc=xmlHReq.responseXML;doSthing;//实现浏览器用户界面中的功能}else{window.alert("页面有异常。")}}至此,取得了XML格式的响应数据。下面就可以在doSthing方法中实现浏览器用户界面中的功能了。

四、小结

采用基于Ajax的多层体系结构,以JAA为主要开发语言,采用SQLSerer数据库,设计了一简单、实用、高效的农业技术信息平台系统。通过在信息发布时系统自动查询,或通过系统嵌入的手机短信,实现了信息自动配对,减少了对计算机网络的依赖,也使后期跟踪服务更方便有效。为扩大使用群体、提高系统的易用性,设计中采用了基于实例的信息发布方式。需要在客户端和服务器间频繁传送少量的数据时,使用Ajax引擎实现异步数据通信而无刷新页面,从而减少了网络开销,改善了用户体验,增强了互动性。

作者:黄新建 单位:河南省驻马店市委党

期刊汇频道 树人论文网期刊汇频道
树人论文网是正规的发表支持服务网站.主要从事国内外期刊论文、国内外教著学术支持服务。
  • 27973 文章总数
  • 16855论文总数
  • 11121期刊总数