在前几篇关于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 的所有模块.
下一篇中我们会具体分析这个项目模板的源代码,来告诉你这是如何实现的.
分享到:
相关推荐
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程
实战Dojo工具包实战Dojo工具包实战Dojo工具包实战Dojo工具包实战Dojo工具包
使用Requirejs异步加载Dojo1.6,运行在Tomcat6下
实战Dojo工具包 入门文章
实战Dojo工具包中文版,可以作为入门级文旦,如果您是初学者可以看看,如果您已经很了解熟悉Dojo了,那就不要下载了
《实战Dojo工具包》教程 pdf,Dojo是一个品质远远超出“原型建造”的Ajax框架库,本实用教程就是为Dojo而写。她将向我们介绍Dojo开发环境的创建、旅行路线编辑器、DOM和HTML的效果、处理DOM、使用Dojo创建AJAX远程...
实战dojo工具包 <br>一个品质远远超出原形的Ajax
实战dojo工具包.pdf
实战Dojo工具包,pdf格式中文说明文档
Dojo中文手册——实战dojo工具包。一个品质远远超出“原型建造”的Ajax库。
dojo项目说明,包含本人调试的实战例子,提供的内容放心使用
各种要点的讲解和实战例子,由浅入深,让你从新手变成dojo高手。
RequireJS-Dojo-AngularJSJust use requireJS to load dojo and angularjs example目的主要是想实践一下,如何通过requireJS管理angularjs和其他库,另外,为了充分利用angularjs的优势(MVC,数据双向绑定,指令系统)...
鉴于此,图灵公司引进了Dojo之父亲自撰写的《Mastering Dojo》一书。 本书对Dojo进行了全面而深入地阐述,包括基本使用和高级技巧。全书以一个能让读者迅速上手的简单示例开篇,进而读者们将了解到Dojo的核心,也...
DOJO的帮助文档,可以很好的帮助开发人员使用DOJO,是一个不可多得的DOJO帮助文档
当你开始建造一个Ajax应用时,你很快就会遇到一些情形,让你感觉自己好像是在重新发明轮子。... 与其列出Dojo工具包可以使用的API,我们不如考察一个简单的应用,看看在实际开发中如何使用 这个库的各个部分。
一、 Dojo学习笔记(1. 模块与包) 1 二、 Dojo学习笔记(2. djConfig解说) 4 三、 Dojo学习笔记(3. Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array ...
与其列出Dojo工具包可以使用的API,我们不如考察一个简单的应用,看看在实际开发中如何使用 这个库的各个部分。 我们将会讨论: * Dojo是什么? * 如何设置Dojo * 实际使用DOM和HTML效果 * 通过dojo.io.bind()实现...
dojo与json应用说明