像專業人員一樣開發Ajax應用程式，第2部分

使用 Scriptaculous JavaScript 庫和 script.aculo.us

本文是包含三部分的系列文章的第 2 部分，這個系列討論可以用來建立 Ajax 應用程式的流行的 JavaScript 庫。在 第 1 部分 中，學習了如何用 Prototype 庫建立 一個用來管理歌曲的 Web 應用程式。在本文中，將使用 Scriptaculous 庫構建一個用來管理照片的 Web 應用程式。

本文使用的是 Scriptaculous 的最新版本 1.8.1（參見 參考資料 中的連結）。Scriptaculous 使用 Prototype 1.6 庫。您必須熟悉 JavaScript、HTML 和 CSS。本文 示範 Scriptaculous 在 Ajax 方面的應用。在後端，結合使用 Ruby on Rails 2.0 和 MySQL 5.0.4（參見 參考資料）。只需稍微調整，就可以改用其他後端技術。

Scriptaculous 簡介

Scriptaculous JavaScript 庫是目前最流行的庫之一。它用來在基於 HTML 的 Web 網站中添加豐富的互動功能。它提供了許多視覺效果和行為，協助開發人員在 Web 應用程式中添加互動功能。Scriptaculous 是在 Prototype 庫的基礎上構建的。

圖 1. Scriptaculous 和 Prototype 的關係

如果您閱讀了第 1 部分，應該已經見過 Prototype 提供的 Ajax 抽象樣本。Scriptaculous 並不自行建立相似的功能，而是使用 Prototype 並在其上添加效果和行為 。Scriptaculous 提供拖放元素等大量控制項。還提供可以與控制項結合使用的非常出色的視覺效果。

拖放控制項

最有用、視覺上最迷人的 Scriptaculous 特性之一是拖放。拖放特性在傳統型應用程式中非常常見，但是在 Web 應用程式不常見。在 Web 應用程式中添加這種特性可 以提供豐富的使用者體驗。這個任務看起來很困難，但是 Scriptaculous 大大簡化了它。為了示範這個特性，我們將構建一個應用程式範例，通過分析它瞭解使用 Scriptaculous 的好處。