这里是想最快速度构建好第一个hello world程序。
1、下载工具包
页面上有两个download:dojo-release-1.2.3.tar.gz
下载含:Dojo+Dijit+Dojox的。
其中 Dojo 是核心功能包,Dijit 中存放的是 Dojo 所有的 Widget 组件,而 DojoX 则是一些扩展或试验功能。
2、导入到Web项目中
项目WebRoot下新建一个文件夹dojo,把解压dojo-release-1.2.3.tar.gz后的文件复制到dojo中。
目录结构:
- ---WebRoot
- ------dojo
- ---------dojo
- ---------dijit
- ---------dojox
3、测试是否安装成功: http://localhost:8080 / DojoTest /dojo/dijit/themes/themeTester.html
服务器:http://localhost:8080
项目名称:DojoTest
能够正常访问,表示部署成功。
4、一个实例
项目中创建一个实例,test.HTML代码如下:
Java代码
- <html>
-
<head> -
<title>test</title> -
"text/javascript"<script type= src= "dojo/dojo/dojo.js" -
"parSEOnLoad:djConfig= true" ></script> -
"text/css"><style type= - @import
"dojo/dijit/themes/tundra/tundra.css"; - </style>
-
"text/javascript"><script type= -
"dojo.parser");dojo.require( -
"dijit.form.TextBox");dojo.require( -
"dijit.form.Button");dojo.require( -
function init() -
{ -
"mybutton").domNode,"onclick","login");dojo.connect(dijit.byId( -
} -
function login() -
{ -
if(dijit.byId( "myname").value=="goodguy"&& -
"mypassword").value=="goodgoodstudy")dijit.byId( -
"Dojoalert( World );welcome you!" -
else -
{ -
"myname").setValue("");dijit.byId( -
"mypassword").setValue("");dijit.byId( -
"Dojoalert( does );not like you!" -
} -
} -
dojo.addOnLoad(init); -
</script> -
</head> -
class="tundra"><body -
UserName: -
"text"<input type= length= "20"id= "myname" -
"dijit.form.TextBox">dojoType= -
<br> -
PassWord: -
"password"<input type= length= "20"id= "mypassword" -
"dijit.form.TextBox">dojoType= -
<br> -
"mybutton"<div id= dojotype= "dijit.form.Button"> -
Submit -
</div> -
</body> - </html>