Dojo入門與dojo項目配置方案


何為dojo Toolkit

         Dojo Toolkit(以下簡稱dojo)是一個javascript語言實現的、跨瀏覽器的DHTML(Dynamic HTML)工具包。Dojo ToolKit包括了構建大規模Ajax驅動的web應用程序所需要的一切。所以,你也可以把他看成是一個Ajax庫,但它不僅僅是個ajax庫。

         dojo功能遠比你想象的要強大,幾乎能夠滿足你開發web應用時所需要的。當然,dojo的學習難度比較大,但是一旦你掌握了它,你會發現使用dojo來開發應用原來是這么方便和得心應手。

 

Dojo框架的組成

         Dojo大致可以分成dojo、dijit、dojox這三個包(Package)。

         dojo包是dojo toolkit的基礎,它包含了整個框架最基礎的部分,包括Ajax基礎、事件等。

         dijit包里面包含了基於模板的布局組件(widget)類。如對話框日歷、樹等。

         dojox(dojo eXtensions)是一個擴展區,提供了更加絢麗的組件和一些新奇的組件,很強大!

         下圖是dojo的文件夾目錄:

         如果你只需要dojo的ajax與事件操作,完全可以不使用dijit和dojox

 

Dojo工具包與AMD(異步模塊加載)

         Dojo中的功能是模塊化的,這樣便於管理。它包含了上百個包,這些包分別位於dojo、dijit、dojox這三個一級命名空間下。所以在使用時我們通常按需加載。

         下圖是一些常用包。這些包分布在不同文件夾里。

 

         每個包里面有很多的類,可以實現一些特定功能。

         異步模塊加載不用在html中嵌入<script>標簽來加載javascript,而是在javascript代碼中加載。

         加載方法有幾種:

  1. 傳統的dojo.require()/dojo.provide()

  2. Dojo異步模塊加載器AMD格式,define()

  3. require()直接加載

代碼如下:

 

如何部署

下載dojo框架(http://dojotoolkit.org),並解壓放到網站某個能訪問的目錄下,比如你放到了(wwwroot)/下,里面的dojo目錄包含dojo、dijit、dojox三個目錄。這樣就可以了嗎?是的!就是這么簡單。不過以后可能涉及包路徑問題,這個在后面會推薦一個比較好的開發模板。

 

 

從簡單例子開始

這個例子中只需要新建一個html文件就可以了,引入必要的dojo.js(這個根據你把dojo框架放哪來定)。

首先在html里引入dojo.js文件,這個js文件是必須包含的,而且在整個框架你甚至只要在html里包含這一個js文件。require用來以AMD模式加載其他包,但這里面我們沒有用到其他包,所以比較簡單。byId函數式屬於dojo命名空間下的函數,已經通過script標簽加載了。

require函數的使用:

require(

[“模塊1”,”模塊2”],

function(模塊1的別名,模塊2的別名)

/*……*/

})

上圖中,包含了app包中map類,其別名為appMap。所以下面使用時不用寫完整的名字:app.map,只需要appMap

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM