最近我在用Dojo框架技术来开发一个电子政务的表示层,现在我来谈谈我对Dojo技术的见解。
Dojo是一个利用JavaScript实现的开源的工具包,它封装了跨浏览器的代码。其核心是一些高度优化的JavaScript脚本,开发者已经对这些脚本时行了优化。而且它是一个客户端的JavaScript工具包,完全与服务器无关。
Dojo是一个分层的体系架构,它的Widget(微件,有时也称为组件)基于MVC结构。Widget不仅支持自定义的样式表,并且能够对内部元素的事件进行处理。
现在Dojo最新的版本是1.5,下载的官方网址是Http://dojotoolkit.org,API的网址是Http://dojotoolkit.org/api。建议用Google浏览器去访问,因为Google浏览器有一个在线翻译的功能,能把相应的英文翻译成中文。
在官方网站下载下来的工具包中,解压后里面有3个目录文件夹,分别是dijit、dojo、dojox。其中dojo是核心的功能包,dijit存放的是Dojo所有的Widget组件,dojox则是一些扩展或验证功能。
把下载下来的工具包复制到项目中,但是如何使用Dojo呢?
就像其它语言一样,例如在D中使用include、在Java中使用import、在Perl中使用use。在页面中如果需要用Dojo,那么就要引入核心的js文件,并要设置对应的属性。
代码示例:
在使用Dojo时,先导入Dojo自带的主题文件,Dojo自带有4个主题文件。
代码示例:
djConfig是Dojo内置的一个全局设置对象,其作用是可以通过其控制Dojo的行为。djConfig="parseOnLoad:true"表示在页面加载完成后,启用Dojo的解析模块对页面中的Dojo标签属性进行解析。Dojo的标签属性是指由Dojo定义的标记,这些标记只有在被处理后,才能被浏览器进行解析执行。djConfig是使用Dojo页面的一个全局配置参数,通过对这个参数进行不同的赋值,可以控制页面中Dojo的解析模块是否运行、Dojo的调试模块是否工作等。"isDebug:true";是一个调试用的属性,如果设置为true,刚所有的dojo.Debug的输出有效。我们在开发时应该设置为true,发布时应该设置为false。(注意,在此例中,我是把dijit、dojo、dojox这3个文件夹放到dojoroot这个文件夹中)
代码示例:
dojo.require("dojo.parser");表示引入Dijit的解析功能模块,该模块将会把Dojo标签属性替换成浏览器可以执行的标记。与djConfig="parseOnLoad:true"相区别的是,djConfig="parseOnLoad:true";表示确定在页面加载完成以后执行解析的功能,但解析功能模块的引入需要靠dojo.require("dojo.parser");来实现。
dojo.require("dijit.Menu")……表示引入Dojo风格的菜单条,也就是刚才据说的Dojo的Widget。
代码示例:
dojoType="dijit.Menu"表示页面中的菜单条是Dojo风格的。在此,需要注意的一点是,通过声明dojoType="dijit.Menu"这种方式来实现某些Dojo功能的使用,其表现形式如同声明一个HTML标签的属性(如同:Width="15px"),因此在文本中称其为Dojo标签属性。在页面加载完成后,Dojo的解析模块会将Dojo的标签属性转化为浏览器能够识别的标记。
此外,还需注意一点,就是在Dojo中的大小写问题。像dojoType、djConfig等它们都是区别大小写的,如果写错了,浏览器不会执行解析Dojo的标记。
代码示例:
在页面中使用Dojo导入主题文件后,我们要用class关键字把主题文件文件加载到body的标签里面,这样,页面在解析时就可以把对应的Dojo风格体现出来。这一步必不可少。
总的说来,在使用Dojo框架技术时,主要有5个步骤是必不可少的:
1、导入Dojo的主题文件;
2、导入Dojo的核心文件并设置对应的属性;
3、定义Dojo的组件;
4、把主题文件用class关键字加载到body的标签里面;
5、在页面中对应的标签中增加dojoType=""的属性(必需是已经定义的Dojo组件)。
另外,在使用Dojo开发时,推荐使用Firefox浏览器来调试,安装好Firefox后我们再安装一个Firebug插件即可。这样在出错时,我们便能在火狐浏览器的控制台就可知道错误出在哪个地方。
以上这些,仅是我对Dojo的使用心得,仅是Dojo框架技术的皮毛而已。适用于刚入门使用Dojo框架技术的同行,Dojo框架技术还有更深的内容,其中Dojo的精华是值的我们去研究和使用的。
- 大小: 3.1 KB
- 大小: 3.8 KB
- 大小: 1.4 KB
- 大小: 1.9 KB
- 大小: 575 Bytes
分享到:
相关推荐
浅谈Dojo中的DTL工具包
这是一个js - dojo框架。配合JS的的开发,可以提高更多的功能,更高速的开发。
不错DOJO文档,详细介绍了DOJO的开发.......
Dojo框架使用教程
dojo JavaScript框架 Ajax学习
最简单的dojo框架开发案例,初学者的经典案例教程
本实例为dojo官方例子,本人只提取了Web开发模型的其中3个例子,里面包含了dojo-release-1.10.0版本,本人测试demo1需要在Tomcat服务环境下才能运行,demo2、demo3可以直接点击里面的demo.html首页运行 demo1为:...
Dojo是一个用JavaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f(m)),这也是为什么叫它a unified toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些、...
本实例为dojo官方例子,里面包含了dojo-release-1.10.0版本,本人测试demo1需要在Tomcat服务环境下才能运行,demo2、demo3可以直接点击里面的demo.html首页运行
详细介绍了dwr及dojo框架的配置及具体应用,是一个很好的实例,可供学习
dojo 实现登陆框架 浪曦的那个谁讲的我忘了饿
@ dojo /框架 Dojo是使用TypeScript构建的现代Web应用程序的渐进框架。 请访问 ,有关文档,教程,食谱和其他材料的信息。 该存储库包含有关Dojo结构的详细信息,而dojo.io则专注于入门和学习Dojo。 @dojo/...
Dojo框架最新版(压缩版) 官方地址:http://dojotoolkit.org/downloads
环境:Windows XP Professional ...阅读对象:熟悉Struts 1.x和Struts 2.x框架技术,熟悉jQuery框架技术,并且希望能够使用这些框架来应用开发的人员。 注:本示例工程客户端和服务端的注释非常详细,是学习的好示例。
Dojo 同样也是一款功能超级强大的JS框架,也可以说Dojo 是一个基于JavaScript 编写的开源DHTML工具箱。
Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax...学习完本书后,读者不仅能熟悉Dojo框架的使用,还能了解Ajax框架的工作原理,最重要的是,还能随心所欲地开发出自己的RIA应用。
想花一分钟精通驾驭Dojo模型框架,此学习教程是你必选过程。
dojo模块化实例,利用dojo.xd.js跨域调用js模块
Dojo 是目前最流行的开源 JavaScript 工具库之一,很多开发者以及企业用户都把Dojo 作为首选的 JavaScript 工具。Dojo 为 Web 应用的开发提供了大量的客户端组件,能够让你可以方便的进行 HTML DOM 操作、拖拽、AJAX...
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程