首页 > OOP语言 > AJAX > 正文

像专业人员一样开发Ajax应用程序,第2部分
2011-12-26 00:00:00   来源:www.bianceng.cn   评论:0 点击:

暂时无描述信息

使用 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 的好处。

相关热词搜索:

上一篇:像专业人员一样开发Ajax应用程序,第3部分
下一篇:像专业人员一样开发Ajax应用程序,第1部分

分享到: 收藏