文档章节

Dojo入门与dojo项目配置方案(一)

tkorays
 tkorays
发布于 2014/01/01 20:23
字数 795
阅读 2937
收藏 12

何为dojo Toolkit

         Dojo Toolkit(以下简称dojo)是一个javascript语言实现的、跨浏览器的DHTMLDynamic HTML)工具包。Dojo ToolKit包括了构建大规模Ajax驱动的web应用程序所需要的一切。所以,你也可以把他看成是一个Ajax库,但它不仅仅是个ajax库。

         dojo功能远比你想象的要强大,几乎能够满足你开发web应用时所需要的。当然,dojo的学习难度比较大,但是一旦你掌握了它,你会发现使用dojo来开发应用原来是这么方便和得心应手。

 

Dojo框架的组成

         Dojo大致可以分成dojodijitdojox这三个包(Package)。

         dojo包是dojo toolkit的基础,它包含了整个框架最基础的部分,包括Ajax基础、事件等。

         dijit包里面包含了基于模板的布局组件(widget)类。如对话框日历、树等。

         dojoxdojo eXtensions)是一个扩展区,提供了更加绚丽的组件和一些新奇的组件,很强大!

         下图是dojo的文件夹目录:

         如果你只需要dojoajax与事件操作,完全可以不使用dijitdojox

 

Dojo工具包与AMD(异步模块加载)

         Dojo中的功能是模块化的,这样便于管理。它包含了上百个包,这些包分别位于dojodijitdojox这三个一级命名空间下。所以在使用时我们通常按需加载。

         下图是一些常用包。这些包分布在不同文件夹里。

 

         每个包里面有很多的类,可以实现一些特定功能。

         异步模块加载不用在html中嵌入<script>标签来加载javascript,而是在javascript代码中加载。

         加载方法有几种:

  1. 传统的dojo.require()/dojo.provide()

  2. Dojo异步模块加载器AMD格式,define()

  3. require()直接加载

代码如下:

 

如何部署

下载dojo框架(http://dojotoolkit.org),并解压放到网站某个能访问的目录下,比如你放到了(wwwroot)/下,里面的dojo目录包含dojodijitdojox三个目录。这样就可以了吗?是的!就是这么简单。不过以后可能涉及包路径问题,这个在后面会推荐一个比较好的开发模板。

 

 

从简单例子开始

这个例子中只需要新建一个html文件就可以了,引入必要的dojo.js(这个根据你把dojo框架放哪来定)。

首先在html里引入dojo.js文件,这个js文件是必须包含的,而且在整个框架你甚至只要在html里包含这一个js文件。require用来以AMD模式加载其他包,但这里面我们没有用到其他包,所以比较简单。byId函数式属于dojo命名空间下的函数,已经通过script标签加载了。

require函数的使用:

require(

[“模块1”,”模块2”],

function(模块1的别名,模块2的别名)

/*……*/

})

上图中,包含了app包中map类,其别名为appMap。所以下面使用时不用写完整的名字:app.map,只需要appMap

 


© 著作权归作者所有

tkorays
粉丝 16
博文 10
码字总数 6544
作品 0
深圳
程序员
私信 提问
Dojo入门与dojo项目配置方案(二)

用了一段时间dojo后,渐渐发现它的强大。越来越喜欢它的一个函数是declare。Declare可以用来创建自定义类,以实现模块化设计。正是这种模块化的思想让dojo开发变得简便。这里面我介绍一个doj...

tkorays
2014/01/05
1K
0
Dojo Mobile 1.7 入门

最新版的移动 Web 开发框架 Dojo Mobile 1.7,是 Dojo Toolkit 的一个扩展。本文将使您了解如何从主干网址下载 Dojo 1.7,以及如何在您的应用程序中使用 Dojo Mobile。您还将探索它提供的各种...

IBMdW
2012/12/18
4.3K
8
JS 基金会发布 Dojo 2.0 ,带来大量改进

2018年5月2日,Dojo团队发布了Dojo第二版(Dojo 2)。Dojo是一种为JavaScript开发人员扩展开发过程提供帮助的工具箱。Dojo 2聚焦于开发人员对构建现代企业应用的需求,是在2007年发布Dojo 1的...

李玉珏
2018/05/11
2.7K
9
Dojo 6 发布,面向对象的 JS 框架

Dojo 是一个强大的面向对象 JavaScript 框架,主要由三大模块组成:Core、Dijit、DojoX。Dojo 6 已经发布,带来了许多新的特性和变化,包括减少样板、增加灵活性和进一步提高性能,大大改善了...

afterer
08/31
5.8K
12
Dojo 敏捷开发:集成 DOH 单元测试到 Ant build

简介: DOH 是一种基于 Dojo 技术的 JavaScript 单元测试框架,也是目前主流的 Dojo 单元测试技术。Ant 是基于 Java 技术的构建工具,Ant build 是敏捷开发中用于持续集成的主流方法。本文首...

IBMdW
2012/01/16
506
1

没有更多内容

加载失败,请刷新页面

加载更多

001-ELKStack之Elasticearch

ELKStack 之 Elasticsearch ELK Stack 是 Elasticsearch、Logstash、Kibana 三个开源软件的组合。在实时数据检索和分析场合,三者通常是配合共用,而且又都先后归于 Elastic.co 公司名下,故...

伟大源于勇敢的开始
21分钟前
3
0
Kotlin基础语法学习

安装好安卓studio,以及插件支持Kotlin 就可以在创建项目的时候选择 Kotlin语言了。 https://www.jianshu.com/p/4ab13691d681 参考手册: https://www.runoob.com/kotlin/otlin-android-setu...

T型人才追梦者
今天
6
0
java实现简单计算器

1.概述 之前作者写过一篇文章,也是关于计算器的,用的是C++与Qt,链接在这里 这次用java的swing写的(这差距好像有点大,好吧是qt太强了). 先上图: 2.UI 总体布局使用流布局. (1)文本框 文本框就...

Blueeeeeee
今天
9
0
纯CSS实现DIV悬浮(固定位置)

纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下: 实现代码: <!DOCTYPE html> <html> <head> <meta ...

独钓渔
今天
6
0
OSChina 周二乱弹 —— 给我来个女菩萨

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐#分享XXXTENTACION/Travis Barker的单曲《Pain = BESTFRIEND》: 《Pain = BESTFRIEND》- XXXTENTACION/...

小小编辑
今天
159
4

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部