淘宝SDK高级模板开发阶段总结

一、全局设置

全局设置，可以把全局模块加到header里面。因为，淘宝在J_TWidget的div里都会在debug的时候在J_TBox里加上一个ui-dd样式，而在非debug的时候是没有ui-dd样式的，所以利用这个特点，可以把全局模块设置成正常浏览不可见，debug可见的特性。

区域的具体代码：

其CSS样式为：

二、约定俗称

1、模块的命名

模块的命名在20字符以内，其名称为cloud99_slide_950，第一个参数为模块的类别【baby（宝贝列表）、focus（焦点图）、float（悬浮）、article（文章列表）、banner（店铺招牌+导航）、foot（店铺尾部）、search（搜索）等】，第二个参数为组件名，第三个参数为宽度【950、750、630、310、190、auto（100%宽度）、x（没有固定宽度）】。

也许这不是最好的命名方式，但随着模块更深入的开发和创新，将会出现更加明智、更加科学、更加有效的命名方式。

2、Css写法

在测试模块的时候，强烈推荐使用模块化CSS来管理各个模块，而在最后组装成一个模板的时候，就需要把模块化CSS拆开。这是因为这里存在着一个BUG，至少在SDK的1.17版本没有被修复。BUG是这样的：只要当有模块化CSS的模块数量大于2，就不能在debug的时候显示调试信息。而且，存在另外一个BUG，那就是模块化CSS里面，不能涉及标签的background-image的CSS样式，否则就不能加载所有CSS。

这里附带几个常用的CSS：

（1）、滤镜（所有都支持）：

（2）、圆角（HTML5，ie9以下浏览器不支持）：

（3）、ie独有的CSS标识：

下划线：_border【ie6以下版本】

星号：*border【ie7以下版本】

星号加号：*+border【ie7】

[详细内容:http://blog.163.com/koala8211@126/blog/static/411592532010452755415/ ]

在这里不得不说的是，为了买家的购物安全和快捷需求，为了适应社会前进的方向，我们作为前端开发er，不能总是为了去兼容一些已经被淘汰的东西而浪费精力，而羁绊了我们去开发更完美的显示效果。这也是督促中国消费者改变一成不变的慵懒习惯，积极的拥抱新科技、新成果。

3、模块结构

一直推荐模块的结构是这样的：第一层为box，添加一个没有样式的div，其目的就是为了便于debug的时候计算模块内容的高度（值得一提的是，如果debug的时候不能获得高度，我们需要注意这个空白的div是否被添加），然后里层添加两个div，第一个是hd，第二个是bd，按照官方模块的书写方式，便于模块的全局管理。

其主要的结构如下：

还有一点需要说明的就是，在$html里，强烈推荐把所有的bd里面的DOM都书写在一起，最后再echo出来，而不是在中间echo，更不推荐在for循环、foreach循环里echo。

三、开放接口

淘宝的开发接口比较少，但基本可以满足SDK高级模板的开发。主要用到的接口是宝贝类、分类类两类。

1、宝贝类接口

首先需要宝贝的id，宝贝id可以通过直接获取id、间接通过分类、关键词、排行3种方式获得，其主要代码为：

【XML】

?
【php】

在获得宝贝id之后，可以循环ids获得各个id而读取宝贝相关信息，其主要代码为

2、分类类接口

分类的获取和宝贝类似，其主要代码如下：

【XML】

【PHP】

3、其他接口

（1）、店铺收藏：

（2）、店铺首页：

（3）、宝贝收藏【未开放】：

（4）、掌柜说【未开放】：

（5）、旺旺客服【半开放】

（6）、购物车【未】

（7）、我的订单【未】