KEY WORDS: , DataBase,AJAX
目录
1
绪论 1
1.1 课题研究背景 1
1.1.1传统web应用面临的问题 1
1.2
ajax简介 1
1.2.1 ajax简介 1
1.2.2
AJAX与传统应用程序的区别 2
1.2.3 AJAX的主要特点 4
2
解决方案 6
2.1 网站开发总体原则 6
2.2 网站总体规划 6
2.2.1
网站总体目标 6
2.2.2 网站功能要求 7
2.3 网站概念设计 7
2.3.1
AJAX-Web网站结构 7
2.3.2 AJAX-WEB的数据库结构 8
3
方案实现 9
3.1
AJAX-WEB方案的设计 9
3.1.1网站设计原则 9
3.1.2
AJAX-WEB开发环境 9
3.2 网站开发工具 10
3.2.1
AJAX的XMLXMLHttpRequest对象介绍 10
3.2.2 C#语言介绍 11
4
Ajax技术的应用 11
4.1Ajax技术的应用 11
4.1.1
XMLXMLHttpRequest使用的说明： 11
4.1.2 用户注册实例 12
5
结论 17
参考文献 18
致谢 18
1 1
绪论
1.1 1.1
课题研究背景
1.1.1 1.1.1传统web应用面临的问题
传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。传统的web应用服务在再要求效率和质量的今天显然有些捉襟见肘。
也就是在这种情况下AJAX技术产生了。与传统的web应用服务不同,AJAX应用可以仅向服务器发送并取回必需的数据,这样做就可以大大提高带宽利用率,因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。
1.2 1.2 ajax简介
1.2.1 ajax简介
AJAX全称“Asynchronous
JavaScript and
XML”（异步JavaScript和XML）,是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：
基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document
Object Model）进行动态显示及交互； 使用 和 XSLT 进行数据交换及相关操作； 使用
XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript
将所有的东西绑定在一起。
AJAX这个名字代表了异步JavaScript＋XMLHttpRequest,并且意味着你可以在基于浏览器的JavaScript和服务器之间建立套接字通讯。其实AJAX并不是一种新技术,而是已经成功地用于现代浏览器中的若干成功技术的可能性组合。所有的AJAX应用程序实现了一种“丰富的”UI——这是通过JavaScript操作HTML文档对象模型并且经由XMLHttpRequest实现的精确定位的数据检索来实现的。典型的示例AJAX应用程序是Google
Labs(
http://labs.google.com/)的Google
Maps和Google
Suggest。这些应用程序现场监视用户输入并且提供实时的页面更新。最重要的是,在用户通过地图导航或输入一个查找字符串的同时,这些事件不需要刷新页面。
1.2.2
AJAX与传统应用程序的区别
一个传统Web应用程序模型实际上是一种基本的事件——用户被迫提交表单以实现页面交换。也就是说,表单提交和页面传送无法得到保证：还有更坏的情形——用户需要再次点击。这与AJAX截然不同-——数据跨过线路而不是完整的HTML页面传输。这种数据交换是经由特定的浏览器对象：XMLHttpRequest实现的；再由适当的逻辑来处理每个数据请求的结果,页面的特定区域而不是完整的页面被更新。结果是更快的速度,更少的拥挤和更好的信息传送控制。
传统型"click-refresh"Web应用程序强迫用户中断工作过程而等待页面的重装。通过引入AJAX技术,一个客户端脚本能够异步地与服务器通话,而用户仍能保持输入数据。除了对用户透明之外,这样的异步意味着服务器可以有更多时间来处理请求。
传统Web应用程序把所有的处理代理到服务器并且强迫服务器进行状态管理。AJAX允许灵活划分应用程序逻辑以及客户和服务器之间的状态管理。这就消除了一种"click-refresh"依赖性并且提供更好的服务器可伸缩性。当该状态存储在客户端,你就不必跨越服务器来维持会话或保存/结束状态-其使用期限是由客户端来定义的。
因此Ajax应用与传统的Web应用的区别主要在3个地方：
1.
不刷新整个页面,在页面内与服务器通信。
2.
使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的的响应能力。
3.
应用仅由少量页面组成。大部分交互在页面之内完成,不需要切换整个页面。
传统的Web应用
Ajax应用
1.2.3
AJAX的主要特点
基于公开的标准
AJAX技术是基于被各大浏览器和平台都支持的公开标准的技术。组成AJAX技术的大多数技术都经过很多年的实践考验,而不是那些热点的、最新的和未经考验的技术。现在,对于绝大多数的用户和企业来说,浏览器是一个可信任的应用平台,这在五年前就不是个问题了。对于AJAX来说,FIREFOX浏览器的基础Mozilla的发布是一个转折点。这种允许异步数据交换的技术好多年前就被IE浏览器支持了。这种支持和FIREFOX浏览器的大量被采用真正的使人们理解了跨浏览器的富Internet应用成为了可能。
高可用性
开发人员和设计人员开始意识到不仅大型的用户体验在市场上是成功的,而且也认识到这样体验是怎么来影响用户的开销的。AJAX技术是使网络应用有更好的可用性的一个领导性的技术。它允许从服务器端请求少量的信息,而不是整个网页。它增加了页面数据的更新但同时减少了页面的刷新和刷新等待,这些问题从网络一诞生就折磨着Web应用。人们已经知道他们需要一个优秀的用户界面并且有对该界面的投资意愿。前提条件是用户能够快速的取得信息不管数据是一个内部网的应用还是一个广域网的服务。
跨平台跨浏览器的兼容性
IE和基于Mozilla的FIREFOX是占据市场分额最大的两个浏览器,并且它们都支持在浏览器上轻松创建基于AJAX的Web应用。现在开发运行在更为先进的Web浏览器上的基于AJAX的富Internet应用成为了可能。这是为什么AJAX应用变得如此流行的一个最重要的原因。其实很多开发人员多年前就意识到AJAX技术流行的可能,但一直没有流行是因为浏览器厂商的原因。感谢Mozilla和FIREFOX。
能和Flex很好的集成
目前大多数的开发社区都不再支持Flex
与AJAX孰优孰劣的火热讨论,这两种技术都在不同的场合拥有各自的优点和缺点,但是它们有大量的机会可以集成到一起工作。很多的开发人员和技术提供商意识到这一点,并且开发出了伟大的产品来集成Flex和AJAX协调使用。我们也热切期望看到两者能在Macromedia里一起工作。
高采用率
广泛采用AJAX被业内领袖广泛采用证明了市场的欢迎程度和该技术组的正确。每一个该技术的使用者都成为了胜利者：包括google、yahoo、Amazon和微软等等。是google地图吸引了Web开发人员的目光,人们由此才揭开了罩在AJAX头上的面纱。
技术独立性
和AJAX技术的浏览器的独立性相同,该技术也兼容所有的标准型的服务器和服务端语言,如PHP, ASP,
ASP.Net, Perl, JSP, Cold
Fusion等等,选择属于你的那种然后开始。这使得AJAX开发独立,因为所有的开发人员都能使用并且一起讨论相同的表现层。
本题目要求运用Ajax技术,完成一个基于WEB的网上家园系统,主要功能有：网站管理、相册管理、图片管理、文集管理、Blog管理、通讯录管理等功能。在具体实现中结合Ajax技术,灵活实现个性定制,进行信息发布、信息导航与信息组织。在信息发布中通过Ajax,用户不用刷新网页,发布最新的公告信息,相册和图片的最新信息。在信息导航中,通过Ajax在后台获取数据,就能够获取目录的内容和最新信息,而无须等待。并为今后其他大型的网站软件开发提供一种新的设计思路。
2 2
解决方案
2.1 2.1
网站开发总体原则
具体来说就是就遵循以下八条原则：
1. 充分利用Ajax技术的的异步技术,最大限度地发挥Ajax的优越性能；
2. 尽量简化项目,使项目易于管理。应尽快建起一个初始网站,并尽早投入运行。当项目规模较大时,可以将其分割成由更小开发组担负的子项目；
3. 要把精力花在设计上。首先要彻底弄清“需求”
,然后建立一个原型,以便测试设计中的“薄弱”环节。后来增加的特性或部件要保证与网站结构兼容；
4. 要循序渐进。要及时得到用户的反馈,保证项目各部分的良好衔接,及早解决接口问题,以保证项目进展协调。坚持“边分析,边设计；边编码,边测试”的原则；
5. 在应用开发过程中,不可忽视网站管理；
6. 反复测试,包括用户信任测试、基准测试、网站测试、性能测试、网站集成测试、坚固性测试等；
7. 制定合理的工程进度；
8. 制定完善的网站拓展计划,包括用户的培训和技术支持、高效的硬软件装载、已有数据和网站的平滑迁移。
2.2 2.2
网站总体规划
2.2.1 2.2.1
网站总体目标
鉴于时间和工作量的原因,本课题的重点放在：AJAX的XMLXMLHttpRequest对象来发送异步请求操作上面,并付诸于实践,为开发一个集网站管理、相册管理、图片管理、文集管理、Blog管理、通讯录管理等功能于一体的AJAX网络个人空间网站,完成网站基本结构的建立和软件的开发,并对网站所需要的一些关键技术进行重点研究和开发实践,为网站开发的最终集成做好技术上的准备。
本课题研究的基本目标是：利用AJAX的XMLXMLHttpRequest对象来发送异步请求,完成网站基本信息的发布：如用户注册、文章发布、图片发布等等,开发出一个个基于AJAX技术的网络个人空间的网站。故而将该课题命名为：基于Ajax技术的WEB应术（AJAX-Web）。
AJAX-Web的设计在总体上要达到下面3个目标：
1. AJAX的XMLXMLHttpRequest异步请求操作,这是本课题研究工作所确定的最基本和首要的目标；
2. 数据存储管理；
3. 数据验证。
2.2.2 2.2.2
网站功能要求
根据本课题研究的总体规划,要求开发的AJAX-Web应具有以下基本功能：
数据的日常管理更容易更简单
网站将立足于用户使用的方便性。该网站将充分利用AJAX的XMLHttpRequest对象来发送异步请求操作,提高用户的信息处理效率。
网站的更新更便利更快捷
通过Ajax在后台获取数据,就能够获取目录的内容和最新信息,而无须等待。
高效且可扩充
网站运用了AJAX的XMLHttpRequest对象是网站的访问和操作速度大大提高,并且和下一代浏览器相结合。