06课 第03节 模块版区及宝贝详情页【淘宝sdk教程】

quanshiyinian

淘宝SDK高级模板视频教程，第6-03集截图。

知识要点：1.模块（系统模块和自定义模块2类）

                  2.片区

                  3.宝贝详情

.tb-shop是蓝色的，表示是淘宝给我们开放的可以开发的部分。
.J_TRegion 是区域，而在区域中又包涵了每个模块，就是.J_TBox

引入模块的语法不一样：一个是系统模块一个是自定义的模块，那么不同的模块引入的语法也是不一样的。
1. 引入模块

模块有两种类型，分别是系统模块和设计师自定义模块，下面分别说明如何引入

系统模块和设计师自定义模块：

• 引入系统模块

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

复制代码

其中include_system_module需要三个参数，第一个为“系统模块简称”，

第二个为“系统模块版本”，第三个为domId,这里需要注意的是domId需要在页面内唯一。

&#8226; 引入自定义模块

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

复制代码

其中include_local_module有两个参数，第一个”textbox”为模块的名称，

第二个为domId,这里需要注意的是domId需要在页面内唯一。

2. 引入片区

片区是设计师在页面预留的一块区域，卖家可以在坑里添加模块，具体引入坑的语法如下：

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>

复制代码

其中include_modules包含两个参数，第一个参数是片区对应的名称,第二个参数是片区里面引入的默认模块列表。

引入片区需要注意以下几点：

1. 片区需要通过“J_TRegion”这个class来标识.

2. 片区里面也可以引入系统模块和引入自定义模块

之后，我们打开我们DC_SDK目录中，找到htdocs /cs001/index.php(这个cs001表示的是你自己建立的新的开发文件)
修改这个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>

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

quanshiyinian

.tb-shop是蓝色的，表示是淘宝给我们开放的可以开发的部分。
.J_TRegion 是区域，而在区域中又包涵了每个模块，就是.J_TBox

引入模块的语法不一样：一个是系统模块一个是自定义的模块，那么不同的语法也是不一样的。