《SDK模板开发简易教程》由会员分享，可在线阅读，更多相关《SDK模板开发简易教程（29页珍藏版）》请在金锄头文库上搜索。
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开发环境 下载地址:PhotoshopDreamweaver（等网页制作工具及PHP开发）常用网页浏览器SDK开发前期准备模板：在SDK新建模板后，模板是一个文件夹，成型的模板 是个zip压缩包 页面：模板由多个页面组成，大致有店铺首页、搜索列表 页
2、、宝贝详情页等 布局：每一个页面可以有很多种布局，比如950通屏 750- 190布局等 模块：构成模板的最小单位。基本概念模板的基本构成点击这里了解如何安装SDK环境。SDK环境默认安装到D: DC_SDK，在其中需要注意的 是htdocs目录，htdocs目录存放着模板，temp是模板开发完成后打包存放的压缩包的 目录。 安装后桌面会有 的图标，双击后启动一个命令行，不要关闭它。 然后在浏览器访问http:/localhost:8080/ 就进入SDK web控制台了(注：允许开启多个 SDK,多个SDK环境请复制多个文件夹，他们的端口会自动加1,如http:/localhost:8081
3、/) ，如图。 可视化操作，这里就不再阐述如何使用。基本概念了解SDK本地开发环境整个模板的文件夹template1是 存在于 sdk安装目录的基本概念模板的文件结构设计PSD，将PSD通过CSS+DIV或table制 作成HTML模板,这个如果不知道的 可以去 网络上搜索相关学习资料。制作流程一、设计模板制作流程二、SDK模板的创建制作流程模板目录的site.xml修改及设置设置时请注意系统的默认值拿首页（index.php）作 为例子，用dreamwaver 编辑index.php文件，在 文件中添加布局结构具 体的布局结构和坑可以 参看淘宝SDK帮助手册 （也可以参考 SDK自带 的te
4、mplate1中的 index.php文件）。制作流程页面布局和坑设置其中中间部分为PHP输出的模块 ，每一个array()里面都是一个独立的模块1.进入模板后台，点击创建新模块制作流程创建新模块填写模块数据制作流程配置模块XML进入这个文件打开xx.php模块文 件,将代码写入其 中制作流程开发模块每个模块都必需包含有box的DIV层,直接复制过来。找到assets文件制作流程CSS样式及素材图片存放进入Imamges存放模板素材Stylesheets存放CSS文件Blue.css存放模块及模板自定义样式Global.css存放系统样式制作流程模板首页引入模块模板调试模板预览及调试模块正常预
5、览Debug调试模式预览在地址后面在加入”?debug”就进入了调试模式和在线编辑店铺功能一样1、html css入门基础 http:/ 2、php入门基础 http:/ ax.asp 3、sdk学习资料 http:/学习资料学习资料SDK模板开发示例创建一个名为“小雨”的这么一个模板单击下一步继续注：店铺数据行业不 一样默认调试的数据 也不一样创建完成之后在SDK后台首页就会出现我们刚才创建的模板了SDK模板开发示例创建一个名为“宝贝展示”的模块SDK模板开发示例点击创建模块创建成功之后找到我们刚才创建的模块及模板SDK模板开发示例Htdocs存放所 有创建的模板这就是我们之前创建的模板了M
6、odules文件夹存放所有创建完成的模块找到”baobei”这个我们刚才创建的模块模块代码存放处用于配置模块的XML文件宝贝模块开发SDK模板开发示例打开baobei.php文件添加模块代码这个层每个模块必须添加注：950/750/190/550模块 将DIV层的宽度设置 为相应宽度就可以了为baobei模块添加CSS样式和图片SDK模板开发示例图片素材放入images调用即可打开stylesheets文件打开blue.css文件 写入样式加入淘宝数据接口调用店铺信息SDK模板开发示例我们调用店铺名称 店主昵称 开店时间 三个系统接口跟多接口调用及系统信息请参看wiki帮助文档添加模块到首页SDK模板开发示例将模块ID为baobei的模块加入首页，只需要将 array(id = 模块ID); 加入首页就完成了添加操作如图。注：系统模块添加请参见wiki帮助文档或图中示例语法格式来写。打开文件预览及调试模块SDK模板开发示例点击首页预览预览效果关于模块XML配置及资料SDK模板开发示例模块XML配置请参考wiki地址是 http:/ 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模板打包上传SDK模板开发示例联系我们
