學習dojo，首先都會學習到如何對dojo的頁面進行佈局。dojo的頁面是有很多個div組成的，主要需要引入元件是dijit.layout。

dijit.layout在dojo的線上API中有十分詳細的介紹，國內網站上也能搜尋到大量的佈局教程，但是大多都是針對dojo1.6或1.7版本的，我接觸dojo的時候是1.8，在我寫這篇博文的時候dojo在官網已經推出1.9這個相容IE10的版本了，建議大家（只是建議）用dojo的新版本，新版本絕對更加完善，慢慢的你就會發現的。

好了，下面我先將我的想法與大家分享一下：

1. 首先根據以往我們web開發的經驗，我們需要一個index.jsp這個首頁，然後就是一個iframe框架，我的理解就是通過登陸頁面之後，用dojo代替iframe；
2. 以往我們會在iframe的left頁面寫一棵樹，點選樹的節點在right頁面開啟頁面；那麼dojo也是這樣一個流程，唯一不通的就是iframe有幾個頁面，dojo只需要一個頁面就OK了；
3. 關於引包，dojo的引包順序要注意，什麼包在前，什麼包在後，如果你發現頁面樣式混亂，不放將一些包的位置換換，也許就能解決。

好了，不多說了，直接貼程式碼：

• 首先是頁面佈局

<div dojoType="dijit.layout.BorderContainer" design="headline" gutters="true" liveSplitters="true"  id="borderContainer" style="position:static; width: 100%;height: 100%;">
　<!--左側　-->
<div id="markupAccordion" data-dojo-type="dijit/layout/AccordionContainer" splitter="true"region="leading"style="width:　200px;">
　<!--左側欄中的一個樹　-->		
 

<div id="pane1" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='selected:true,
			title:"選單樹", iconClass:"dijitDisabled dijitIconBookmark", tooltip:"這是一棵樹" '>
</div>
</div>
　<!--　中間-->
　 <div id="mainTabContainer" data-dojo-type="dijit.layout.TabContainer" region="center"
				data-dojo-props='persist:false, tabStrip:true, style:"width: 400px;height: 400px;"'>
　<!--　中間載入的首頁-->
 

<div id="tab1" data-dojo-type="dijit/layout/ContentPane" data-dojo-props='href:"../systemFolder/right.htm", title:"起始頁", iconClass:"plusIcon",
			tooltip:"這是一個起始頁"'></div>
				</div>
　 <!-- 頭部 -->
　　　　　　 <div dojoType="dijit.layout.ContentPane"splitter="false"liveSplitters="true"region="top"style="height: 50px;">
　 <a href="../logout.do" target="_parent" > 退出系統</a>　
　 </div>
　 
　 </div>

最基本的上左右佈局，在左側預留了一個div，之後會在這個div中去寫一棵樹，注意需要引入的包檔案

<link rel="stylesheet" type="text/css" href="../common/dojo1.9/dojo/resources/dojo.css">
<link rel="stylesheet" type="text/css" href="../common/dojo1.9/dijit/themes/soria/soria.css">
<script type="text/javascript" src="../common/dojo1.9/dojo/dojo.js" djConfig="parseOnLoad: true,isDebug: true"></script>

dojo.js一定要在*.css後面引入。

今天就先寫到這吧，新手也得不好，就當學習日記了，哈哈，下一篇博文我將寫一下動態樹與點選樹的節點在div中開啟相應頁面的方法。