用Ajax技术对B/S架构的服务系统进行构建的方法研究

论文摘要

论文中应用Ajax,成功地对一个证券网站系统进行重新构筑。通过对系统的重新构筑,从根本上改变浏览器的功能,解决了B/S架构系统中页面重载多,页面的自动更新问题,并实现了利用客户端进行数据验证,客户端数据保存等原先只有在客户端应用程序上才能实现的应用效果。同时将通过在这一系统重新构筑过程中的设计,开发过程进行说明,探讨应如何将Ajax运用到B/S架构的系统构筑。论文先从对传统B/S架构服务系统的介绍出发,在肯定其与C/S架构的系统服务相比的优越之处的同时,分析传统B/S架构的不良用户体验以及形成这些不良用户体验的原因。接着,对Ajax进行简单地介绍,正如AjaX名字是Asynchronous JavaScriptand XML(异步Javascript与xml)的缩写那样,AjaX是一项由XMLHttpRequest对象、JavaScript、xml等多种元素于一体的综合性技术,本文从Ajax技术的各个元素出发,从技术角度全面分析与研究Ajax的工作原理和实现方法。进一步肯定Ajax技术对B/S架构的服务系统所带来的影响。最后,通过着重于对Ajax的设计模式,开发框架进行研究,对MVC的Ajax设计模式和Prototype框架的应用进行阐述。然后本文详细地描述了如何通过这些设计模式与开发框架,将Ajax与iframe,userdata,CSS等多种WEB开发技术相结合,从应用和性能两方面出发,对一个证券网站系统进行重新构筑的过程。通过对Ajax在工程应用上的实际应用,详细描述了AjaX构建B/S架构的服务系统的方法,介绍了如何使传统的B/S架构服务系统也具有C/S架构系统同样优秀的用户体验。本文还通过在实际开发过程中所运用的Ajax开发过程进行总结,对应用Ajax技术所开发的B/S架构系统做出展望。

论文目录

• 摘要
• Abstract
• 第1章.引言
• 1.1 基于B/S架构的WEB应用程序简介
• 1.2 传统B/S架构系统所存在的问题
• 1.3 AJAX概述
• 1.4 国内外的研究状况
• 1.5 本文的研究意义
• 第2章.AJAX系统的介绍
• 2.1 AJAX的定义
• 2.2 AJAX概念的提出的背景介绍
• 2.3 AJAX的4大要素
• 2.3.1 XMLHttpRequest对象
• 2.3.2 文档对象模型——DOM（Document Object Model）
• 2.3.3 Javascript
• 2.3.4 XML（Extensible Markup Language）
• 2.4 AJAX对B/S架构系统的影响
• 2.4.1 浏览器与服务器交互方式的改变
• 2.4.2 WEB页面构成方式的变化（从HTML到XHTML）
• 2.4.3 B/S架构系统设计思路的改变
• 2.5 本章小结
• 第3章.某传统B/S架构证券网站简介
• 3.1 系统背景介绍
• 3.2 系统框架,模型介绍
• 3.3 待解决的问题
• 3.4 本章小结
• 第4章.用AJAX对该证券网站进行构建的设计思路
• 4.1 将AJAX与MVC设计模式结合
• 4.2 PROTOTYPE开发框架的选择与扩展
• 4.3 本章小结
• 第5章.用AJAX对该证券网站进行构建的实现过程
• 5.1 画面自动更新的实现
• 5.2 同一页面画面切换的实现
• 5.3 数据客户端存储的实现
• 5.4 本章小结
• 第6章.用AJAX对该证券网站进行构建的难点及解决办法
• 6.1 性能问题
• 6.1.1 Servlet处理过程的简化
• 6.1.2 服务器缓存的使用
• 6.1.3 Ajax交互数据流量与线程的控制
• 6.1.4 其他性能问题
• 6.2 对浏览器版本的依赖
• 6.3 浏览器后退按键与历史记录的失效问题
• 6.4 本章小结
• 第7章.总结与展望
• 7.1 总结
• 7.2 AJAX对B/S架构系统发展影响的展望
• 参考文献
• 致谢