注意:以下文档只适用于TOP接口,请谨慎使用!

文档中心 > 装修市场

SDK模板开发完整版

更新时间:2015/09/18 访问次数:61765

创建模块

(注意:此教程适合有一定css+div  PHP编程基础的童鞋)
SDK模板首页创建模块
创建一个模板


接着往下填写信息


点击下一步之后系统自动为我们生成一个文件夹,名称就是目录名称xiaoyu


          SDK首页已经有新模板了点击进入就可以了

  
进入到模块里面之后


我们找到模块管理创建一个“宝贝展示”的模块,模块ID就是目录名

 
我们继续单击保存,如果在模块管理里面有我们刚才创建的模块,代表你已经创建成功了.


现在我们去找到我们刚才创建的模板和模块
SDK安装目录/htdocs/


找到我们创建的模板目录之后进入在找到”modules”这个文件夹


在这个文件夹地下找到我们创建的模块,宝贝展示”ID”baobei”


里面会有两个文件,一个是PHP类型文件,一个是XML类型文件


模块具体制作请参看这个帖子

那么现在我们就来开发我们的模块的代码了

1.       了解一个SDK有哪些页面
2.       怎么组装
3.       上线调试
准备好我们需要的SDK模块


了解一个SDK有哪些页面
     首页(index.php)
     搜索列表页(searchList.php)
     宝贝详细页(detail.phpdetail_left.phpdetail_right.php)
     文章页面(article.php)
     文章列表页(articleList.php)
     用户自定义页面(gridm.php)
     头部页面(header.php)
     底部页面(footer.php)
头部(header.php):加入以下代码
<div class="wdsg_hd global">
      <div class="layout grid-m">
        <div class="col-main">
          <div class="main-wrap J_TRegion" data-modules="main">
        <?php
                     echo include_modules('head',array(
//系统店招
                            array("shortname" =>"shop.pageBanner","version" => "1.0-common"),                  
//自定义店招模块
                            array('id' => 'banner'),
                     ));
                   ?>
     </div>
   </div>
  </div>
</div>

首页(index.php):加入以下代码
<div class="wdsg_bd global wd-index">
  
  <div class="layout grid-m">
    <div class="col-main">
      <div class="main-wrap J_TRegion">
        //这里就开始组装各种模块
        <?php
          echo include_modules("index-top",array(
            //各种模块 
                       /*首页图片顶部轮播*/
                 array('id' => 'bgad'),
            //自定义模块
            array('id' => 'itemshow'),        
            /*系统模———参看WIKI帮助文档*/
            array("shortname" => "shop.itemCategory","version" => "1.0-common"),
          ));
        ?>
      </div>
    </div>
  </div>
</div>  

尾部(footer.php):加入以下代码
<div class="wdsg_ft global wd-footer">
<div class="footer J_TRegion">
                         <?php
                              echo include_modules("footer",array(
                              //底部IDY自定义模块
                              array('id'=>"footer"),
                              ));
                      ?>    
  </div>
</div>
其他页面可参照此配置设计
最终我们看到的是系统已经为我们组合好了的页面
(header.php)+ (index.php)+ (footer.php)==最终页面
(由系统组装完成)

模板SDK全局site.xml设置
<?xml version="1.0" encoding="GBK"?>

<site xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../site.xsd">  
  <id>e2997df71f214522b21932088b8c800c</id>  
  <!-- 
  模板id 唯一值,打包时自动生成
   -->  
  <name>五代十国</name>
<author name="五代十国设计" url="http://zx.taobao.com/designer_detail.htm?designerId=535" wangwang="五代十国设计"/>   
  <thumbnail>assets/images/mini/celadon.jpg</thumbnail>  
  <language>php</language>  
  <version>1.0.3</version>   
  <apply-sites>2,3,7</apply-sites>  
  <change-notes>修改日志</change-notes>  
  <!-- 
  change-notes:
  版本修改日志
   -->  
  <description>SDK模板设计时尚,简洁,并全新使用CSS JS PHP等技术,效果华丽,操作简单,模板产品完全自动加载,无需手动做图,添加文字以及链接地址实现零维护。此模板适合任何行业卖家使用。</description>  
  <global> 
    <header>header.php</header>  
    <footer>footer.php</footer>  
    <css>assets/stylesheets/global.css</css> 
  </global>  
  <styles default="default"> 
    <!-- 默认样式 -->  
    <style> 
      <name>default</name>  
      <thumbnail>assets/images/mini/default.jpg</thumbnail>  
      <css>assets/stylesheets/default.css</css> 
    </style>  
    <!-- 
    多色模板时添加 多个 style
     --> 
  </styles>  
  <pages> 
    <page type="index"> 
      <name>首页</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>index.php</file>  
      <description>首页</description> 
    </page>  
    <page type="detail"> 
      <name>宝贝详情页</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>detail.php</file>  
      <description>宝贝详情页</description>  
      <sections> 
        <section name="left"><![CDATA[detail_left.php]]></section>  
        <section name="right"><![CDATA[detail_right.php]]></section> 
      </sections> 
    </page>  
    <page type="article"> 
      <name>文章页面</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>article.php</file>  
      <description>文章页面</description> 
    </page>  
    <page type="articleList"> 
      <name>文章列表页</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>articleList.php</file>  
      <description>文章列表页</description> 
    </page>  
    <page type="other"> 
      <name>促销页面</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>onsale.php</file>  
      <description>促销页面</description> 
    </page>  
    <page type="other"> 
      <name>设计师通栏页</name>  
      <file>gridm.php</file>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <description>可以添加设计师模块的通栏页</description> 
    </page>  
    <page type="other"> 
      <name>设计师左右栏页</name>  
      <file>grids5m0.php</file>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <description>可以添加设计师模块的左右栏页</description> 
    </page>  
    <page type="list"> 
      <name>搜索列表页</name>  
      <thumbnail>assets/images/mini/thumb.jpg</thumbnail>  
      <file>searchList.php</file>  
      <description>搜索列表页</description> 
    </page> 
  </pages> 
</site>
这样我们就设计完了整套模板的组装和开发

FAQ

关于此文档暂时还没有FAQ
返回
顶部