至顶网›软件频道 ›应用软件›如何用Dojo提高Web应用程序设计能力

如何用Dojo提高Web应用程序设计能力

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

我之前讨论的一些较为流行的免费在线工具包括：jQuery、scriptaculous和Yahoo!用户界面（YUI）库。本周的焦点为Dojo。

作者：开发者在线 2007年7月16日

我们每天的时间有限，因此任何有助于开发有用的Web应用程序的工具都受到开发者的欢迎。我之前讨论的一些较为流行的免费在线工具包括：jQuery、scriptaculous和Yahoo!用户界面（YUI）库。本周的焦点为Dojo。

下载Dojo

Dojo工具箱可在Dojo网站下载。下载文件是一个压缩文件，其中包括大量演示、实例代码、核心JavaScript库和其它一些内容。我在开发机器上解压这些文件，并将它们安装在我的IIS开发实例中。这样便于我在自己的应用程序中运行演示和利用核心库。

下载文件的目录结构把核心JavaScript库文件（dojo.js）放在根目录下，因此可以很方便地使用包含语句访问你自己的代码。当前的版本为0.9版。

Dojo工具箱也有开源版本。它提供两个许可方案：学术免费许可v2.1和BSD许可。Dojo是一个开放的社区，它邀请开发者、设计师和文档编写者做出自己的贡献。如果你决定为项目做出贡献，你必须签署贡献者许可协议。

构成要素

Dojo提供各种针对不同开发者的特性。对于初学者，它提供服务器端开发者小部件。HTML/CSS开发者可以开发出模板驱动的小部件。它还提供一个有于开发稳健Web应用程序的强大JavaScript库。

Dojo的基础是一个在文档资料中称作base（基本成分）的小型库。它包括AJAX、事件处理、特效、CSS查询、语言实用工具等。这个基本库包含在核心Dojo文件（Dojo.js）中。此外，核心文件中还包含拖放、AJAX扩展表单和I/O、JSON-RPC、国际化和后退按钮处理等功能。它提供的有效库和选项的数量可能非常庞大。

前面提到的小部件通过一个叫做Dijit的小部件系统提供，这个系统位于Dojo的顶部。Dijit允许你用很少或不用JavaScript建立强大的Web界面。Dojo的独特特色包括：内置的国际化和本地化支持、所有Dijit小部件提供完整的易访问性微调、支持连贯键盘事件处理的基础架构、并能够仅使用CSS处理所有Dijit组件。

Dojo利用一个类似于Java软件包的基于模块的基础架构。当你需要知道加载哪些库和以何种顺序加载这些库时，这消除你遇到其它工具箱的问题。有一个简单的例子说明了如何使用日历小部件。下面的网页允许用户使用日历下拉小部件选择两个日期值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<title>Dojo Example - Calendar</title>

dojo.require("dojo.widget.*");

</script>

</head>

<body>

<h4>Please enter a data range:</h4>

</div> to <div dojoType="dropdowndatepicker"></div>

</form></body></html>

这个简单的例子说明了利用Dojo特性的基本方法。以下是关于这个例子的一些提示：

核心Dojo库通过页面中的第一个脚本语句加载。这个文件的路径可能会根据你的配置而有所不同。
dojo.require语句加载将要在页面中用到的Dijit特性。这一核心功能通过加载dogo.js文件而生效，dojo.require语句可实现Dojo的全部功能。
Dojo功能通过分配给HTML元素的属性加以利用。在这个例子中，dojoType属性用于插入下拉日历对象。

如何用Dojo提高Web应用程序设计能力

业界热点: