Welcome

首页 / 脚本样式 / Dojo Toolkit / Hello dojo入门

Hello dojo入门2010-04-21经过了解几种Ajax框架,最后选择了Dojo框架。因为Ext不稳定,GWT觉得太浪费时间。

一:下载Dojo,地址是:http://dojotoolkit.org/downloads

二:做开发,当然要工具库的 API 帮助文档,就在下载地址的其它菜单中。

三:入门程序 Hello Dojo 。一个简单的入门,可以增加兴趣与信心,同时,对 Dojo 有了简单的了解。

在 MyEclipse 中新建工程 ToDojo ;

在 WebRoot 中新建一个文件夹 dojoroot ,把 Dojo 相关的开发 lib 放到下面,包括 dijit , dojo,dojox , util ;

新建一个 hello.html 文件;(之前在 jsp 中,但总是运行不成功,不知为什么?)

〈head〉〈title〉Dojo: Hello World!〈/title〉〈!-- SECTION 1 --〉〈style type="text/css"〉@import "dojoroot/dijit/themes/tundra/tundra.css";@import "dojoroot/dojo/resources/dojo.css"〈/style〉〈script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true"〉〈/script〉〈script type="text/javascript"〉// Load Dojo"s code relating to the Button widget dojo.require("dijit.form.Button");〈/script〉〈/head〉
在 body 中加入以下:

〈button dojoType="dijit.form.Button" id="helloButton"〉Hello Dojo!〈script type="dojo/method" event="onClick"〉 alert("You pressed the button");〈/script〉〈/button〉
这样,可以看到一个比较美观的按钮,按上去后弹出一个 messagebox 。

接下来,可以参考 dijit/demos 下的例子,如 form.html , mail.html 开学习。