開發端到端的Ajax應用程式，第2部分:實現Ajax客戶機和伺服器層(2)

將銀行門戶實現為 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 部分中，將建立這個瀏覽器應用程式中餘下的部分。