SDK模板开发简易教程课件

1、SDK模板开发教程五代十国2012年4月20日SDK教程大纲2009-8-221、开发SDK模板的前期准备工作2、SDK的基本概念3、制作流程4、调试模板5、示例（从SDK创建到调试的整个过程）1、应具备技能应具备技能： 网页设计师 Ps css html（要求比较高 不会请跳到最后的学习资料） PHP开发 php xml（略懂即可）2、需要的工具需要的工具： SDK开发环境 下载地址: Photoshop Dreamweaver（等网页制作工具及PHP开发） 常用网页浏览器 SDK开发前期准备模板：在SDK新建模板后，模板是一个文件夹，成型的模板是个zip压缩包页面：模板由多个页面组成，大致

2、有店铺首页、搜索列表页、宝贝详情页等布局：每一个页面可以有很多种布局，比如950通屏 750-190布局等模块：构成模板的最小单位。基本概念模板的基本构成模板的基本构成点击这里了解如何安装SDK环境。SDK环境默认安装到D: DC_SDK，在其中需要注意的是htdocs目录，htdocs目录存放着模板，temp是模板开发完成后打包存放的压缩包的目录。安装后桌面会有 的图标，双击后启动一个命令行，不要关闭它。然后在浏览器访问 就进入SDK web控制台了(注：允许开启多个SDK,多个SDK环境请复制多个文件夹，他们的端口会自动加1,如)，如图。可视化操作，这里就不再阐述如何使用。基本概念了解了解

3、SDK本地开发环境本地开发环境整个模板的文件夹template1是存在于 sdk安装目录的基本概念模板的文件结构模板的文件结构 设计PSD，将PSD通过CSS+DIV或table制作成HTML模板,这个如果不知道的 可以去网络上搜索相关学习资料。制作流程一、设计模板一、设计模板制作流程二、二、SDK模板的创建模板的创建制作流程模板目录的模板目录的site.xml修改修改及及设置设置设置时请注意系统的默认值 拿首页（拿首页（index.php）作）作为例子，用为例子，用dreamwaver编辑编辑index.php文件，在文件，在文件中添加布局结构具文件中添加布局结构具体的布局结构和坑可以体的布

4、局结构和坑可以参看淘宝参看淘宝SDK帮助手册帮助手册（也可以参考（也可以参考 SDK自带自带的的template1中的中的index.php文件）。文件）。制作流程页面布局和坑设置页面布局和坑设置其中中间部分为PHP输出的模块，每一个array()里面都是一个独立的模块1.进入模板后台，点击创建新模块制作流程创建新模块创建新模块填写模块数据制作流程配置模块配置模块XML进入这个文件打开xx.php模块文件,将代码写入其中制作流程开发模块开发模块每个模块都必需包含有每个模块都必需包含有box的的DIV层层,直接复制过来。直接复制过来。找到assets文件制作流程CSS样式及素材图片存放样式及素材

5、图片存放进入Imamges存放模板素材存放模板素材Stylesheets存放存放CSS文件文件Blue.css存放模块及模板自定义样式Global.css存放系统样式制作流程模板首页模板首页引入模块引入模块模板调试模板预览及模板预览及调试模块调试模块正常预览Debug调试模式预览在地址后面在加入”?debug”就进入了调试模式和在线编辑店铺功能一样1、html css入门基础 2、php入门基础 3、sdk学习资料 学习资料学习资料学习资料SDK模板开发示例创建一个名为创建一个名为“小雨小雨”的这么一个模板的这么一个模板单击下一步继续单击下一步继续注：店铺数据行业不一样默认调试的数据也不一样创

6、建完成之后在SDK后台首页就会出现我们刚才创建的模板了SDK模板开发示例创建一个名为创建一个名为“宝贝展示宝贝展示”的模块的模块SDK模板开发示例点击创建模块点击创建模块创建成功之后创建成功之后找到我们刚才创建的模块及模板找到我们刚才创建的模块及模板SDK模板开发示例Htdocs存放所存放所有创建的模板有创建的模板这就是我们之前创建的模板了这就是我们之前创建的模板了Modules文件夹存放所有创建完成的模块找到”baobei”这个我们刚才创建的模块模块代码存放处用于配置模块的XML文件宝贝模块开发宝贝模块开发SDK模板开发示例打开baobei.php文件添加模块代码这个层每个模块必须添加这个层

7、每个模块必须添加注：注：950/750/190/550模块模块将将DIV层的宽度设置层的宽度设置为相应宽度就可以了为相应宽度就可以了为为baobei模块添加模块添加CSS样式和图片样式和图片SDK模板开发示例图片素材放入图片素材放入images调用即可调用即可打开打开stylesheets文件文件打开打开blue.css文件文件写入样式写入样式加入淘宝数据接口调用店铺信息加入淘宝数据接口调用店铺信息SDK模板开发示例我们调用店铺名称我们调用店铺名称店主昵称店主昵称开店时间开店时间三个系统接口三个系统接口跟多接口调用及系统信息请参看跟多接口调用及系统信息请参看wiki帮助文档帮助文档添加模块到首页添加模块到首页SDK模板开发示例将模块将模块ID为为baobei的模块加入首页，只需要将的模块加入首页，只需要将array(id = 模块模块ID);加入首页就完成了添加操作如图。加入首页就完成了添加操作如图。注：系统模块添加请参见注：系统模块添加请参见wiki帮助文档或图中示例语法格式来写。帮助文档或图中示例语法格式来写。打开文件预览