注意：以下文档只适用于TOP接口，请谨慎使用！
注意：以下文档只适用于TOP接口，请谨慎使用！
(注意：此教程适合有一定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.php，detail_left.php，detail_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>
这样我们就设计完了整套模板的组装和开发
