您现在的位置： 365建站网 > 365文章 > Dojo学习笔记入门篇（一）----First Dojo Example

Dojo学习笔记入门篇（一）----First Dojo Example

文章来源：365jz.com 点击数：1543 更新时间：2009-11-15 17:05 参与评论

Step 1： Configurate Dojo

从http://www.dojotoolkit.org/downloads 下载最新的Dojo包，并且放到你工程的某一个地方。比如，我就放把我的dojo库放在lib文件夹下（如图一）。

图一（文件目录结构）

在你的页面中加入如下代码，那么就完成了最基本的配置。

Step 2: Start your First Example

我的第一个例子是模拟一个简单的登录页面，如果成功，则显示“Right！”，反之则显示“Wrong！Please try it again！”

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <mce:script type="text/javascript" src="lib/dojo/dojo/dojo.js" mce_src="lib/dojo/dojo/dojo.js" djConfig ="parseOnLoad:true, isDebug:false"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #container { border: 1px dotted #b7b7b7; background: #ededed; width: 200px; height: 200px; } </style> </head> <body> <form id="mainForm" action="controller/ajax-controller.php" method="post"> <label for = "name">Name:</label> <input type="text" name="name"/> <br/> <label for = "password">Password:</label> <input type="password" name="password" value=""/> <br/> <input type="submit" value="Submit"/> <h1 id="resultText"></h1> </form> <mce:script type="text/javascript"></mce:script> </body> </html>

（对于其中的Dojo方法，可以查看Dojo的API，在此不再赘述）

后台采用php，代码如下：

<?php if($_POST["name"] == "blithe" && $_POST["password"]=="blithe"){ print "right"; }else{ print "wrong"; } ?>

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (1543人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：对Flex的几个疑问
下一篇：Dojo学习笔记入门篇（二）---- 增加客户端验证

大家感兴趣的内容

Dojo学习笔记入门篇（一）----First Dojo Example

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询