06課 第03節(jié) 模塊版區(qū)及寶貝詳情頁【淘寶sdk教程】

quanshiyinian

淘寶SDK高級模板視頻教程，第6-03集截圖。

知識要點：1.模塊（系統(tǒng)模塊和自定義模塊2類）

                  2.片區(qū)

                  3.寶貝詳情

.tb-shop是藍(lán)色的，表示是淘寶給我們開放的可以開發(fā)的部分。
.J_TRegion 是區(qū)域，而在區(qū)域中又包涵了每個模塊，就是.J_TBox

引入模塊的語法不一樣：一個是系統(tǒng)模塊一個是自定義的模塊，那么不同的模塊引入的語法也是不一樣的。
1. 引入模塊

模塊有兩種類型，分別是系統(tǒng)模塊和設(shè)計師自定義模塊，下面分別說明如何引入

系統(tǒng)模塊和設(shè)計師自定義模塊：

• 引入系統(tǒng)模塊

1. <?php
   
2. 
   
3.         echo  include_system_module("shop.picRound","1.0-common",100);
   
4. 
   
5. ?>
   

復(fù)制代碼

其中include_system_module需要三個參數(shù)，第一個為“系統(tǒng)模塊簡稱”，

第二個為“系統(tǒng)模塊版本”，第三個為domId,這里需要注意的是domId需要在頁面內(nèi)唯一。

&#8226; 引入自定義模塊

1. <?php
   
2.            
   
3.         echo  include_local_module("textbox",101);
   
4. 
   
5.     ?>

復(fù)制代碼

其中include_local_module有兩個參數(shù)，第一個”textbox”為模塊的名稱，

第二個為domId,這里需要注意的是domId需要在頁面內(nèi)唯一。

2. 引入片區(qū)

片區(qū)是設(shè)計師在頁面預(yù)留的一塊區(qū)域，賣家可以在坑里添加模塊，具體引入坑的語法如下：

1. <div id=" navigator"  class=" J_TRegion">
   
2. 
   
3.     <?php
   
4. 
   
5.              $topList=array('shortname'=>'shop.topList','version'=>'1.0-common',domId=>001);
   
6. 
   
7.         $selfModule=array('id'=>'selfModule','domId'=>'001');
   
8. 
   
9.         $modules=array($topList, $selfModule);
   
10. 
    
11.                echo include_modules("testModules", $modules)
    
12. 
    
13.                echo include_system_module("shop.searchInShop","1.0-common",002)
    
14. 
    
15.    ?>
    
16. 
    
17. </div>

復(fù)制代碼

其中include_modules包含兩個參數(shù)，第一個參數(shù)是片區(qū)對應(yīng)的名稱,第二個參數(shù)是片區(qū)里面引入的默認(rèn)模塊列表。

引入片區(qū)需要注意以下幾點：

1. 片區(qū)需要通過“J_TRegion”這個class來標(biāo)識.

2. 片區(qū)里面也可以引入系統(tǒng)模塊和引入自定義模塊

之后，我們打開我們DC_SDK目錄中，找到htdocs /cs001/index.php(這個cs001表示的是你自己建立的新的開發(fā)文件)
修改這個index.php,用note++打開，之后修改為這樣的。

1. <div class="layout grid-m">
   
2.          <div class="j_TRegion">
   
3.                     <?php
   
4.                
   
5.                              echo include_system_module("shop.picRound","1.0-common",100)
   
6. 
   
7.                
   
8.                              ?>
   
9.           </div>
   
10. </div>

復(fù)制代碼

道勤主機(jī)提供365天*24小時全年全天無休、實時在線、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機(jī)過程中所遇到的一切問題! 如果您是道勤主機(jī)用戶，那么您可以通過QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信：q792472177免費電話、后臺提交工單這些方式聯(lián)系道勤主機(jī)客服！ 如果您不是我們的客戶也沒問題，點擊頁面最右邊的企業(yè)QQ在線咨詢圖標(biāo)聯(lián)系我們并購買后，我們?yōu)槟�免費進(jìn)行無縫搬家服務(wù)，讓您享受網(wǎng)站零訪問延遲的遷移到道勤主機(jī)的服務(wù)！

quanshiyinian

.tb-shop是藍(lán)色的，表示是淘寶給我們開放的可以開發(fā)的部分。
.J_TRegion 是區(qū)域，而在區(qū)域中又包涵了每個模塊，就是.J_TBox

引入模塊的語法不一樣：一個是系統(tǒng)模塊一個是自定義的模塊，那么不同的語法也是不一樣的。