服务热线:13616026886

技术文档 欢迎使用技术文档,我们为你提供从新手到专业开发者的所有资源,你也可以通过它日益精进

位置:首页 > 技术文档 > 专题栏目 > WEB2.0新技术 > 查看文档

ajax开发:用一个场景设置ajax环境

  读完本文之后,您会很好地理解 ajax 的基本概念以及 ajax 在三层 web 应用程序场景中可能产生的作用……

  ajax(asynchronous javascript + xml)正在迅速地成为时髦的技术,它可以为在浏览器中运行的 web应用程序提供具有桌面质量的软件特性。开放源码软件(比如 linux-apache-mysql-php,即 lamp)和基于开放标准的 java 2 platform, enterprise edition 中间件(比如 ibm® websphere application server community edition)为开发和部署 ajax web应用程序提供了出色的支持。如果您是 web开发的新手,但是可以阅读和理解用 xhtml、css、javascript、php 和 sql 编写的代码,那么本文正适合您。

  ajaxweb2.0 技术的一部分,近来得到了架构师、开发人员、产品经理和 web应用程序用户的极大关注。ajax 编程技术由一些已经证明有效的技术组成,比如 xhtml、javascript、css 和 xml http request(xhr)。流行的服务访问和数据交换技术,比如 representational state transfer(rest)和 javascript object notation(json),也非常适合 ajax 技术。客户端上已经证明有效的这些技术可以与 php、python 和 ruby 等开放源码技术相结合,将 ajax 扩展到中间层应用程序开发领域。在这个组合之上,还可以用开放源码数据库 mysql 建立数据层。

  与 ajax 编程技术相匹配的其他技术包括同样令人印象深刻的基于 eclipse 的开发工具,这些工具是开放源码的,可以免费下载和使用。前面提到的所有客户端、中间层和数据层技术组合在一起,就形成了一个强大的 web应用程序开发技术组合。但是,究竟如何开发和部署端到端 ajax 应用程序呢?这个分三部分的文章系列将带领您研究一个端到端开发场景,以此回答这个问题。

  典型的企业级 web应用程序要处理许多因素,从而保证高度健壮。为了学习所选的开放源码软件的核心功能,我们的场景不考虑安全性、可伸缩性和可用性等关键的企业级特性,您应该通过其他资料学习这些特性。本文中的所有讨论只适用于我们场景中描述的一类 ajax 应用程序。具体地说,这个系列详细讨论如何创建 mysql 数据库,在 php 运行时环境中设计和开发中间层/数据库逻辑,然后使用 javascript 创建一个真正的单页面 ajax 客户机界面。这个系列包含代码示例,介绍在 eclipse 中开发和测试 ajax 应用程序所需的步骤,解释如何在 firefox(客户端)、zend php(中间层)和 mysql(数据层)中部署 ajax 应用程序。这个端到端应用程序涉及 xhtml、css、javascript、xhr、dom、rest、soap、json、xml、php、mysql 和 eclipse 的综合运用,涉及前面提到的开放源码平台的许多内置特性。简言之,这个系列是介绍如何在应用程序层之间进行适当的隔离,从而形成干净优雅的 web 应用程序。

  简介

  正如标题所指出的,这个分三部分的系列将详细介绍开发端到端 ajax 应用程序的一些核心功能。这些功能包括以下三个应用程序层中的特定技术:

  •   客户端
  •   中间层
  •   数据层

  在客户端中,包含 xhtml、css、javascript 和 xml http request(xhr)等技术。除了前面已经提到的几种中间层开放源码技术之外,这个系列还使用 php,这是因为 php 非常简单而且当前得到了广泛应用。在数据层中使用 mysql 数据库。另外,这个系列使用流行的 web 服务技术,比如 rest、soap、json 和 xml。我们将在一个场景中综合使用所有这些技术。

  为了进行端到端 ajax 应用程序开发,需要按照下面几节中的步骤安装和配置运行时环境和开发环境。然后,我们并不按惯例提供 hello world 应用程序,而是分析一个比较复杂的银行场景。这个场景在一个虚构的银行环境中解释前面提到的所有技术的使用方法,其中涉及银行的后端数据库、基于浏览器的银行客户门户以及一个真实的第三方金融 web 服务。

  所需的软件包

  为了开发和部署跨越所有三个应用程序层的银行场景,需要为这些层中的以下组件选择软件:

  •   web 浏览器
  •   数据库服务器
  •   web 服务器
  •   中间层服务器
  •   用于中间层代码开发的 ide
  •   用于客户端代码开发的 ide

  有许多开放源码软件可以满足各个层的需要,本系列中的场景选用以下软件:

  •   web 浏览器:mozilla firefox 2.0.0.4 或更高版本。firefox 具有许多优点,包括可用性、在线安全性以及能够通过众多的扩展应用程序进行定制。还要使用 firebug,这是 firefox 的一个浏览器应用程序调试器扩展。
  •   数据库服务器:mysql 5.0.41 或更高版本。mysql 采用客户机/服务器模式和嵌入模式。它完全是用 c 和 c++ 编写的。它有两种版本:enterprise 服务器和 community 服务器。community 服务器是免费的,而且足以满足本文中的银行场景的需要。
  •   web 服务器:apache web server 2.2.2。apache 允许进行灵活的配置,并可以用第三方模块进行扩展。
  •   中间层服务器:zend core 2.0.1 或更高版本。这种免费的开放源码服务器支持 php 5。它得到强有力的社区支持。它包含 apache web 服务器,并支持 mysql、ibm db2® 和 oracle 等数据库。zend core for ibm 专门针对 ibm db2 进行过调优。图 1 给出 zend core 的概况。
  •   中间层 ide(integrated development environment):eclipse pdt 0.7 rc3 或更高版本。pdt 是针对 eclipse 平台的 php development tools 框架,其中包含开发 php 应用程序所需的所有开发组件。在这个 ide 中还支持 php 调试。zend、ibm 和其他公司将它捐献给开放源码运动。在编写本文时,它刚刚出现,而且正好适合开发我们银行场景的中间层逻辑。
  •   客户端 ide:aptana web ide 0.2.8.14433 或更高版本。这是一个免费的开放源码的跨平台的以 javascript 为中心的开发环境,可以用来开发 ajax 浏览器应用程序。它为 javascript、html 和 css 提供编码支持。它支持 javascript 调试,并内置了对几种 ajax 框架的支持。除此之外,它还是基于 eclipse 的。

  按照下面几节中的步骤安装和设置这些开放源码软件包,从而建立开发和部署端到端 ajax 应用程序的环境。(注意:本文中的所有安装和开发说明都针对 microsoft® windows® 操作系统。)

图 1. zend core 概况
zend core 概况

……


  阅读关于 ajax xml java 中间件 php web开发 web2.0 开源 的全部文章

扫描关注微信公众号