SDK模板开发简易教程

Debug调试模式预览
和在线编辑店铺功能一样
学习资料
学习资料
1、html css入门基础 http://www.w3school.com.cn/h.asp 2、php入门基础 http://www.w3school.com.cn/php/php_synt ax.asp 3、sdk学习资料 http://wiki.zx.taobao.com
其中<?php ?>中间部分为PHP输出的模块， 每一个array()里面都是一个独立的模块
制作流程
创建新模块
1.进入模板后台，点击创建新模块
填写模块数据
制作流程
配置模块XML
进 入 这 个 文 件
制作流程
开发模块
打开xx.php模块文 件,将代码写入其 中
每个模块都必需包含有box的DIV层,直接复制过来。
ห้องสมุดไป่ตู้作流程
CSS样式及素材图片存放
找到assets文件
Imamges存放模板素材 进入
Stylesheets存放CSS文件
Blue.css存放模块及模板自定义样式
Global.css存放系统样式
制作流程
模板首页引入模块
模板调试
模板预览及调试模块
正常预览
在地址后面在加入”?debug”就进入了调试模式
将模块ID为‟baobei‟的模块加入首页，只需要将 array(„id‟ => „模块ID‟); 加入首页就完成了添加操作如图。
打开文件
注：系统模块添加请参见wiki帮助文档或图中示例语法格式来写。
SDK模板开发示例 预览及调试模块
点击首页预览
预览效果
SDK模板开发示例 关于模块XML配置及资料
2、需要的工具：
SDK开发环境 下载地址: Photoshop Dreamweaver（等网页制作工具及PHP开发） 常用网页浏览器
基本概念
模板的基本构成
模板：在SDK新建模板后，模板是一个文件夹，成型的模板 是个zip压缩包 页面：模板由多个页面组成，大致有店铺首页、搜索列表页、 宝贝详情页等 布局：每一个页面可以有很多种布局，比如950通屏 750190布局等 模块：构成模板的最小单位。
SDK模板开发示例 模板打包上传
联系我们
SDK模板开发示例
创建一个名为“小雨”的这么一个模板
注：店铺数据行业不 一样默认调试的数据 也不一样
单击下一步继续
SDK模板开发示例
创建完成之后在SDK后台首页就会出现我们刚才创建的模板了
SDK模板开发示例 创建一个名为“宝贝展示”的模块
点击创建模块
创建成功之后
SDK模板开发示例 找到我们刚才创建的模块及模板
SDK模板开发示例
为baobei模块添加CSS样式和图片
图片素材放入images调用即可
打开stylesheets文件
打开blue.css文件 写入样式
SDK模板开发示例 加入淘宝数据接口调用店铺信息
我们调用店铺名称 店主昵称 开店时间 三个系统接口
跟多接口调用及系统信息请参看wiki帮助文档
SDK模板开发示例 添加模块到首页
设 置 时 请 注 意 系 统 的 默 认 值
制作流程
页面布局和坑设置
拿首页（index.php）作 为例子，用dreamwaver 编辑index.php文件，在 文件中添加布局结构具 体的布局结构和坑可以 参看淘宝SDK帮助手册 （也可以参考 SDK自带 的template1中的 index.php文件）。
SDK模板开发教程
——五代十国 2012年4月20日
SDK教程大纲
1、开发SDK模板的前期准备工作 2、SDK的基本概念 3、制作流程 4、调试模板 2009-8-22 5、示例（从SDK创建到调试的整个过程）
SDK开发前期准备
1、应具备技能：
网页设计师 Ps css html（要求比较高 不会请跳到最后 的学习资料） PHP开发 php xml（略懂即可）
基本概念
了解SDK本地开发环境
点击这里了解如何安装SDK环境。SDK环境默认安装到D: \DC_SDK，在其中需要注意的 是htdocs目录，htdocs目录存放着模板，temp是模板开发完成后打包存放的压缩包的 目录。 安装后桌面会有 的图标，双击后启动一个命令行，不要关闭它。 • 然后在浏览器访问http://localhost:8080/ 就进入SDK web控制台了(注：允许开启多个 SDK,多个SDK环境请复制多个文件夹，他们的端口会自动加1,如http://localhost:8081/)， 如图。 • 可视化操作，这里就不再阐述如何使用。
模块XML配置请参考wiki地址是 http://wiki.zx.taobao.com/index.php/%E6%A8%A1%E5%9D%97%E7%BC%96% E5%86%99%E8%A7%84%E8%8C%83#.E6.A8.A1.E5.9D.97.E9.85.8D.E7.BD.A E.E8.AF.B4.E6.98.8E
Htdocs存放所 有创建的模板
这就是我们之前创建的模板了
Modules文件夹存放所有创建完成的模块 找到”baobei”这个我们刚才创建的模块
模块代码存放处
用于配置模块的XML文件
SDK模板开发示例 宝贝模块开发
打开’baobei.php’文件 添加模块代码
这个层每个模块必须添加
注：950/750/190/550模块 将DIV层的宽度设置 为相应宽度就可以了
基本概念
模板的文件结构
整个模板的文件夹template1是 存在于 sdk安装目录的
制作流程
一、设计模板
设计PSD，将PSD通过CSS+DIV或table制 作成HTML模板,这个如果不知道的 可以去 网络上搜索相关学习资料。
制作流程
二、SDK模板的创建
制作流程
模板目录的site.xml修改及设置