您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > Dojo學(xué)習(xí)筆記入門篇（一）----First Dojo Example

Dojo學(xué)習(xí)筆記入門篇（一）----First Dojo Example

文章來源：365jz.com 點擊數(shù)：1558 更新時間：2009-11-15 17:05 參與評論

Step 1： Configurate Dojo

從http://www.dojotoolkit.org/downloads 下載最新的Dojo包，并且放到你工程的某一個地方。比如，我就放把我的dojo庫放在lib文件夾下（如圖一）。

圖一（文件目錄結(jié)構(gòu)）

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

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"; } ?>

如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答！！點擊進(jìn)入論壇