`
子衿青青
  • 浏览: 110384 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

实战Dojo与RequireJS集成 之一

 
阅读更多

在前几篇关于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异步加载Dojo1.6

    Requirejs是AMD规范的主要实现者之一。 ### 使用Requirejs加载Dojo 1. **配置Requirejs**:首先,在项目中引入require.js文件,然后设置配置对象,指定Dojo的基础路径和模块ID。 ```javascript require.config({ ...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    8. **dojo/data**:提供了一种数据模型接口,用于与各种数据源进行交互,比如从服务器获取数据。 9. **dojo/xhr**:处理AJAX请求的模块,如`dojo/xhrGet`和`dojo/xhrPost`,支持异步和同步请求,以及XML、JSON等...

    实战DOJO中文文档.zip

    这个“实战DOJO中文文档”是针对开发人员的一份详尽指南,旨在帮助他们深入理解和高效使用DOJO框架。 **一、DOJO简介** DOJO,源自日语中的“道场”,象征着学习和实践的场所,与它的目标相吻合:为开发者提供一个...

    实战Dojo工具包中文版

    《实战Dojo工具包中文版》是一本专为Dojo框架初学者设计的指南,旨在帮助读者快速掌握这个强大的JavaScript库。Dojo是开源社区的一个重要成员,它提供了丰富的功能和组件,包括DOM操作、AJAX通信、动画效果、模块化...

    实战Dojo工具包

    ### 实战Dojo工具包:全面解析与应用实践 #### Dojo工具包概览 **Dojo** 是一款强大的开源JavaScript库,旨在简化Web应用程序的开发过程,特别是那些需要复杂用户交互的应用。作为一款“远远超出‘原型建造’”的...

    实战DOJO中文版教程

    【实战DOJO中文版教程】是一本专注于JavaScript框架DOJO的深入学习资料,旨在帮助初学者逐步提升到高级开发者的水平。DOJO是开源的JavaScript工具包,它提供了丰富的功能和组件,包括UI构建、数据管理、动画效果、...

    实战Dojo工具包 PDF

    《实战Dojo工具包》是一本专注于Web开发的实践指南,特别强调了Dojo工具包在Ajax技术中的应用。Dojo是一个开源JavaScript库,旨在提供一套全面的前端开发解决方案,包括UI组件、数据管理、动画效果以及Ajax通信等...

    dojo实战+实用例子

    首先,Dojo的核心特性之一是它的模块系统,称为AMD(Asynchronous Module Definition),它允许开发者以异步方式加载和组织代码,提高了页面的加载效率。在实际项目中,你可以利用`require`和`define`这两个关键函数...

    实战dojo工具包

    dijit/form/ValidationTextBox是Dojo UI组件之一,用于输入验证,可以设置各种验证规则。 5. **dojo/request**:处理异步请求,支持HTTP和其他协议,如XMLHttpRequest和WebSocket,用于与服务器进行数据交换。 6. ...

    《实战Dojo工具包》教程 pdf

    《实战Dojo工具包》教程 pdf,Dojo是一个品质远远超出“原型建造”的Ajax框架库,本实用教程就是为Dojo而写。她将向我们介绍Dojo开发环境的创建、旅行路线编辑器、DOM和HTML的效果、处理DOM、使用Dojo创建AJAX远程...

    教程实战Dojo工具包

    Dojo工具包是一款强大的JavaScript库,专为构建高性能、可扩展的Web应用程序而设计。它提供了丰富的功能,包括UI组件、数据管理、动画效果、AJAX支持以及模块化开发工具等,是前端开发者的重要资源。在本教程中,...

    实战dojo工具包.pdf

    通过本文的详细介绍,我们可以看到 Dojo 工具包不仅仅是一个简单的 JavaScript 库,而是一个集成了多种功能的强大开发框架。它不仅可以帮助开发者解决浏览器兼容性等基础问题,还能通过其丰富的 API 大大提升 Web ...

    Dojo-China.zip_chinadojo1688_dojo_dojo 实战_dojo中文网

    《Dojo-China.zip》是关于Dojo工具包的实战指南,源自chinadojo1688,主要...手册可能涵盖了从基础API到高级主题,以及最佳实践和实战案例,对于想要提升JavaScript技能和了解Dojo框架的开发者来说,是一份宝贵的资源。

    RequireJS-Dojo-AngularJS:只需使用 requireJS 加载 dojo 和 angularjs 示例

    RequireJS-Dojo-AngularJSJust use requireJS to load dojo and angularjs example目的主要是想实践一下,如何通过requireJS管理angularjs和其他库,另外,为了充分利用angularjs的优势(MVC,数据双向绑定,指令系统)...

    精通Dojo by Dojo之父

    鉴于此,图灵公司引进了Dojo之父亲自撰写的《Mastering Dojo》一书。 本书对Dojo进行了全面而深入地阐述,包括基本使用和高级技巧。全书以一个能让读者迅速上手的简单示例开篇,进而读者们将了解到Dojo的核心,也...

    DOJO权威指南+DOJO1.1源码

    这本书详细介绍了DOJO的各种特性和用法,包括基础API、高级功能、实战案例等。通过阅读这本书,开发者可以全面掌握DOJO的使用,提升开发效率。 8. **学习路径与实践** 学习DOJO时,应先熟悉其基本概念和模块结构...

    DOJO 学习文档+Demo

    DOJO 模块化系统(RequireJS 预先集成) DOJO 使用 CommonJS 规范实现了一套模块化系统,允许开发者将代码分割成多个独立模块,便于组织和重用。通过 `dojo/require` 或 `require()` 函数来加载和依赖其他模块,...

    dojo中文文档-dojo手册

    Dojo的核心概念之一是模块系统(dojo/_base)。这个模块基础包含了Dojo的核心功能,如对象创建、函数绑定、事件处理等。通过使用dojo.require和dojo.provide,开发者可以实现代码的模块化,提高代码复用性和可维护性...

    dojo学习笔记

    Dojo 数据层提供了一种抽象,用于与各种数据源交互,如`dojo/data/ItemFileReadStore`用于XML或JSON数据。`dojo/store`模块则引入了新的数据存储API,更适应现代Web应用的需求。 6. **Dojo动画和效果** `dojo/fx`...

Global site tag (gtag.js) - Google Analytics