在前几篇关于Dojo 1.6中新加入AMD支持的介绍文章中我们提到, 虽然dojo1.6 没有自带一个AMD加载器,但是dojo可以作为一个AMD模块被任意标准AMD 加载器(AMD loader) 加载(例如requireJS)
后面有读者问具体如何实现。 本文就次做一些探讨。
在开始动手之前我们要下载一些素材
首先我们要感谢Ben Hockey 他已经为dojo 和requireJS的集成做了一个模板项目, 在GitHub上供人下载参考。 地址是:
https://github.com/neonstalwart/dojo-requirejs-template
点击download, 下载zip包解压后如下:
本文会以他提供的模板来演示 dojo和requireJs的集成并解释其中的一些具体步骤.
其次我们要下载一个dojo1.6 的源文件版本
http://download.dojotoolkit.org/release-1.6.0/dojo-release-1.6.0-src.zip
并解压到本地硬盘任意目录中。
下载require.js 和需要用到的两个plugin text 和i18n, 下载地址:
http://requirejs.org/docs/release/0.24.0/comments/require.js
http://requirejs.org/docs/release/0.24.0/comments/text.js
http://requirejs.org/docs/release/0.24.0/comments/i18n.js
开发工具,这次我们会使用aptana studio 来作为开发工具。 Firefox加Firebug来作为测试浏览器和调试器在Aptana Studio中创建一个
新的web 项目,例如TestDojoAndRequireJS
把刚才下载的模板项目的文件复制到该项目中。
把require.js 复制到项目中的requirejs文件夹中,把两个plugin js文件复制到项目根目录。 如下图:
最后我们还需要在项目里创建一个名为dojo的文件夹链接, 让它指向我们刚才解压出的dojo1.6源文件夹。 (这样我们就不需要把全部dojo源文件复制到项目中来了,一套dojo源文件可以被多个项目同时引用)
到此为止,所有的工作都已经准备就绪了。接下来我们可以右键选择index.html 在菜单中选择"Run As->JavaScript Web Application"
如果你看到下面的弹出框和页面内容(使用英语和法语两种语言显示的一年12个月的月份名称),证明你已经成功的使用reqiureJS装入了dojo core和dijit 的所有模块.
下一篇中我们会具体分析这个项目模板的源代码,来告诉你这是如何实现的.
分享到:
相关推荐
Requirejs是AMD规范的主要实现者之一。 ### 使用Requirejs加载Dojo 1. **配置Requirejs**:首先,在项目中引入require.js文件,然后设置配置对象,指定Dojo的基础路径和模块ID。 ```javascript require.config({ ...
8. **dojo/data**:提供了一种数据模型接口,用于与各种数据源进行交互,比如从服务器获取数据。 9. **dojo/xhr**:处理AJAX请求的模块,如`dojo/xhrGet`和`dojo/xhrPost`,支持异步和同步请求,以及XML、JSON等...
这个“实战DOJO中文文档”是针对开发人员的一份详尽指南,旨在帮助他们深入理解和高效使用DOJO框架。 **一、DOJO简介** DOJO,源自日语中的“道场”,象征着学习和实践的场所,与它的目标相吻合:为开发者提供一个...
《实战Dojo工具包中文版》是一本专为Dojo框架初学者设计的指南,旨在帮助读者快速掌握这个强大的JavaScript库。Dojo是开源社区的一个重要成员,它提供了丰富的功能和组件,包括DOM操作、AJAX通信、动画效果、模块化...
### 实战Dojo工具包:全面解析与应用实践 #### Dojo工具包概览 **Dojo** 是一款强大的开源JavaScript库,旨在简化Web应用程序的开发过程,特别是那些需要复杂用户交互的应用。作为一款“远远超出‘原型建造’”的...
【实战DOJO中文版教程】是一本专注于JavaScript框架DOJO的深入学习资料,旨在帮助初学者逐步提升到高级开发者的水平。DOJO是开源的JavaScript工具包,它提供了丰富的功能和组件,包括UI构建、数据管理、动画效果、...
《实战Dojo工具包》是一本专注于Web开发的实践指南,特别强调了Dojo工具包在Ajax技术中的应用。Dojo是一个开源JavaScript库,旨在提供一套全面的前端开发解决方案,包括UI组件、数据管理、动画效果以及Ajax通信等...
首先,Dojo的核心特性之一是它的模块系统,称为AMD(Asynchronous Module Definition),它允许开发者以异步方式加载和组织代码,提高了页面的加载效率。在实际项目中,你可以利用`require`和`define`这两个关键函数...
dijit/form/ValidationTextBox是Dojo UI组件之一,用于输入验证,可以设置各种验证规则。 5. **dojo/request**:处理异步请求,支持HTTP和其他协议,如XMLHttpRequest和WebSocket,用于与服务器进行数据交换。 6. ...
《实战Dojo工具包》教程 pdf,Dojo是一个品质远远超出“原型建造”的Ajax框架库,本实用教程就是为Dojo而写。她将向我们介绍Dojo开发环境的创建、旅行路线编辑器、DOM和HTML的效果、处理DOM、使用Dojo创建AJAX远程...
Dojo工具包是一款强大的JavaScript库,专为构建高性能、可扩展的Web应用程序而设计。它提供了丰富的功能,包括UI组件、数据管理、动画效果、AJAX支持以及模块化开发工具等,是前端开发者的重要资源。在本教程中,...
通过本文的详细介绍,我们可以看到 Dojo 工具包不仅仅是一个简单的 JavaScript 库,而是一个集成了多种功能的强大开发框架。它不仅可以帮助开发者解决浏览器兼容性等基础问题,还能通过其丰富的 API 大大提升 Web ...
《Dojo-China.zip》是关于Dojo工具包的实战指南,源自chinadojo1688,主要...手册可能涵盖了从基础API到高级主题,以及最佳实践和实战案例,对于想要提升JavaScript技能和了解Dojo框架的开发者来说,是一份宝贵的资源。
RequireJS-Dojo-AngularJSJust use requireJS to load dojo and angularjs example目的主要是想实践一下,如何通过requireJS管理angularjs和其他库,另外,为了充分利用angularjs的优势(MVC,数据双向绑定,指令系统)...
鉴于此,图灵公司引进了Dojo之父亲自撰写的《Mastering Dojo》一书。 本书对Dojo进行了全面而深入地阐述,包括基本使用和高级技巧。全书以一个能让读者迅速上手的简单示例开篇,进而读者们将了解到Dojo的核心,也...
这本书详细介绍了DOJO的各种特性和用法,包括基础API、高级功能、实战案例等。通过阅读这本书,开发者可以全面掌握DOJO的使用,提升开发效率。 8. **学习路径与实践** 学习DOJO时,应先熟悉其基本概念和模块结构...
DOJO 模块化系统(RequireJS 预先集成) DOJO 使用 CommonJS 规范实现了一套模块化系统,允许开发者将代码分割成多个独立模块,便于组织和重用。通过 `dojo/require` 或 `require()` 函数来加载和依赖其他模块,...
Dojo的核心概念之一是模块系统(dojo/_base)。这个模块基础包含了Dojo的核心功能,如对象创建、函数绑定、事件处理等。通过使用dojo.require和dojo.provide,开发者可以实现代码的模块化,提高代码复用性和可维护性...
Dojo 数据层提供了一种抽象,用于与各种数据源交互,如`dojo/data/ItemFileReadStore`用于XML或JSON数据。`dojo/store`模块则引入了新的数据存储API,更适应现代Web应用的需求。 6. **Dojo动画和效果** `dojo/fx`...