AJAX技术应用方案和开发指南.docVIP

AJAX技术应用方案和开发指南 修订历史记录 日期 版本 说明 作者 2006/02/24 0.5 新建 徐建 ? ? ? ? ? ? ? ? 评 审 记 录 角 色 签 名 日 期 说 明 吴志平 2006-03-02 张敬平 2006-03-02 杨震 2006-03-02 徐建 2006-03-02 蒋建波 2006-03-02 徐明杰 2006-03-02 评审结果： AJAX应用方案可与STRUTS方案并存，具体用在哪些方面到详细设计阶段再具体讨论，一般用在对页面进行无刷新操作时。对AJAX方案，要进行组件封装。注意两套方案的整合，以及系统的性能与开发规范。具体详细设计方面要充分考虑对各种页面布局的支持。 AJAX技术应用 1 修订历史记录 2 1 AJAX技术应用 3 1.1 什么是AJAX 3 1.2 AJAX架构与系统架构的集成 3 1.2.1 AJAX架构 3 1.2.2 系统架构 3 1.2.3 架构整合说明 3 1.3 AJAX的应用范畴 4 2 AjAX的开发指南 5 2.1 后台开发 5 2.1.1 服务层（M） 5 2.2 前台开发 5 2.2.1 控制层（C） 5 2.2.2 显示层（V） 6 2.3 前后台交互配置 7 AJAX技术应用方案 什么是AJAX AJAX是Asynchronous JavaScript + XML 的简称, AJAX其实不是一种新的技术,只是W3C中的一些技术与javascript的结合体,其实包含的技术有： 1．XHTML+CSS：用于界面的展现；2．DOM（Document Object Model）：用于界面的动态显示及交互； 3．XMLHttpRequest：进行异步数据传输； 4．XML：进行异步数据传输的数据载体；5．JAVASCRIPT：作为粘合剂将上述所有的东西绑定在一起。 AJAX架构与系统架构的集成 AJAX架构 AJAX架构采用开源的DWR+JAVASCRIPT+DOM+XHTML 系统架构 系统架构采用 STRUTS+SPRING+HIBERNATE 架构整合说明 整合后的架构采用STRUTS（DWR）+ SPRING + HIBERNATE ,也就是说对于系统可以走两条路线，一条是走STRUTS路线，通过STRUTS调用后台的SPRING服务，一条是走DWR路线，通过DWR提供的规范调用后台的SPRING服务，见图一 （图一） 两个架构的整合说明 将dwr.jar拷贝到系统项目的lib目录 将dwr.xml文件拷贝到WEB-INF目录 3．修改系统的web.xml文件，在其中增加 servlet servlet-namedwr-invoker/servlet-name display-nameDWR Servlet/display-name servlet-classuk.ltd.getahead.dwr.DWRServlet/servlet-class init-param param-namedebug/param-name param-valuetrue/param-value /init-param load-on-startup1/load-on-startup /servlet servlet-mapping servlet-namedwr-invoker/servlet-name url-pattern/dwr/*/url-pattern /servlet-mapping AJAX的应用范畴 客户端需要通过无刷新和后台进行交互，进行数据动态的CRUD操作 系统中应用的场景分析： 动态的内容选择 用户的快速录入 局部数据的动态更新和维护 AjAX的开发指南 在图一中可以看出基于ajax开发与传统mvc开发不同的是，ajax开发的显示层和控制层是在客户端通过js+dom+xhtml+xmlHttpRequest来实现，而传统的struts等mvc架构的显示层和控制层是通过服务端的struts+jsp等来实现的，对比如下： struts架构 M 服务层 service C 控制层 action V 显示层 jsp+taglib Ajax架构 M 服务层 service C 控制层 javascript V 显示层 javascript+dom+xhtml 从上面的比较我们就可以很清楚的看出， Ajax架构和Struts架构相同点是服务层结构完全相同，而不同的