开发端到端的Ajax应用程序，第2部分:实现Ajax客户机和服务器层（2）

开发端到端的Ajax应用程序，第2部分:实现Ajax客户机和服务器层（2）2010-07-26 IBM Senthil Nathan将银行门户实现为 Ajax 浏览器应用程序

我们的银行场景需要一个简单的浏览器界面，银行出纳员使用这个界面执行 PHP 模块中实现的核心函数。我们将使用 Aptana Web IDE 构建这个界面。Aptana Web IDE 提供了一种用 XHTML、CSS 和 JavaScript 构建浏览器应用程序的简便方法。Aptana 是一个免费的插件，可以无缝地插入 Eclipse 环境。这个插件仍然在开发阶段，但是目前的版本已经能够满足银行场景的需要了。尽管在银行场景中将使用一般的 JavaScript 实现 Ajax 特性，但是 Aptana 集成了几个开放源码 Ajax 框架库。

按照以下步骤创建单页面 Ajax 浏览器应用程序：

在 Eclipse 中，切换到 Aptana 透视图：选择 Window->Open Perspective->Other->Aptana 并单击 OK。

在 Aptana 透视图左下方的窗格中，选择 Project 视图。

右击 BankTeller 项目并选择 New->HTML file：

在 File name 字段中，输入 index.html 并单击 Finish。

输入或粘贴清单 4 中的源代码来替换 index.html 文件的内容，并单击 File->Save。

右击 BankTeller 项目并选择 New->CSS file：

在 File name 字段中，输入 BankTeller.css 并单击 Finish。

输入或粘贴清单 5 中的源代码来替换 BankTeller.css 文件的内容，并单击 File->Save。

右击 BankTeller 项目并选择 New->JavaScript file：

在 File name 字段中，输入 xhr.js 并单击 Finish。

输入或粘贴清单 6 中的源代码来替换这个文件的内容，并单击 File->Save。

通过这些文件中的注释了解代码的作用，或者参考下一节中对代码逻辑的解释。

到目前为止，这个单页面 Ajax 浏览器应用程序所需的组件已经完成了三分之二！在本系列的第 3 部分中，将创建这个浏览器应用程序中余下的部分。