淘宝店铺装修的那些事.pdf

《淘宝店铺装修的那些事.pdf》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、淘宝店铺装修的那些事2010年12月29日15:43主题【B2B商城系列分享之--淘宝店铺装修的那些事】发件人许赟钦收件人B2B-技术部-中国网站技术部;B2B-QA-CN;B2B-platform抄送元伦;雷卷发送时间2010年12月29日15:38附件淘宝装修中心的那些事大家好：今天B2C商城团队分享一篇关于淘宝店铺装修方面的知识，可以让更多B2B同学了解淘宝店铺装修，其设计方案也是值得借鉴。附件PDF格式有更佳的阅读效果。淘宝店铺装修的那些事中国网站技术部-B2C商城许赟钦店铺是淘宝网的一大核心应用，其页面展示功能强大，针对不同行业、不同层次的用户提供不同的店铺展示服

2、务，用户根据自身的需求选择合适的版本和装修模块。目前淘宝店铺按照装修站点可分为普及版、标准版、商城版、拓展版、外店版等版本，页面展示个性化都得益于装修系统。一、初识装修下图是旺铺拓展版的详情页默认布局模块管理页面：图表1：详情页面装修。蓝色部分页面不可装修，红色部分可装修。装修实例:在宝贝详情装修页面添加模块“自定义内容区”并修改内容，结果如下(红框所示)：页面发布成功之后，详情页面展示如下：这个例子就是通过装修系统DesignSystem(DS)编辑页面，完成后保存并发布该页面，在页面展示时，装修中心DesignCenter(DC)负责渲染并展示。DS和DC让页面个性化变

3、的更加容易。分区未归档笔记的第1页二、了解DesignSystem和DesignCenter首先从淘宝网全局架构中看DS和DC所处的位置。图表2：淘宝主要架构图淘宝的架构层次清晰，直接面向用户的应用如DETAIL、SHOPSYSTEM(SS)、DESIGNSYSTEM属于前台应用，核心业务不直接依赖于数据库，而是通过服务中心提供的服务接口获取业务数据，服务中心包括用户中心（UIC）、商品中心（IC）、交易中心（TC）等等，装修中心DC正是处理装修页面模块信息中心。下图具体说明DS和DC的职责和关系，即卖家在装修系统DS自定义出的页面和模块信息保存在DC，由DC提供服务接口给

4、其他服务中心和前台应用。图表3：DS与DC的关系及作用淘宝DETAIL包括无名良品DETAIL与各个中心服务有着紧密联系，尤其是DC，在页面模块化、个性化展示有着举足轻重的作用，本文将着重介绍DC的作用和设计思路，读者将会了解装修中心服务化的运作机制。三、装修中心是如何工作的装修中心基本工作流程：在页面、布局、模块都有针对不同旺铺类型和行业的原型，一个卖家的自定义装修页面都是在各自原型基础之上创建实例，DC将根据前台应用传入的不同参数决定获取什么样的数据和执行什么样的业务逻辑。1.DC的数据存储逻辑按照模块原型和卖家创建的页面实例和前台应用参数的方式，DC将数据库分为三个逻

5、辑数据，即：元数据库、业务数据库和输入页面参数库。1)元数据主要处理基本信息，包括页面原型，布局原型，模块和站点信息等。如模块的高度、宽度、基本html代码、标题等等都属于元数据，每一个模块在整个淘宝网都是唯一的。2)业务数据主要是要处理用户页面实例。当卖家装修某个模块后，则产生了实例，这些实例包含了具体卖家设置的信息，这些属于业务数据，如上文实例的自定义内容“淘宝店铺装修”。3)页面参数是用户在交互式录入的页面参数，这些参数构造一个正在装修的页面。页面参数是存储卖家正在装修的页面模块数据，当卖家装修完成并发布页面时，这些数据就会解析成一个xml文件，并保存在TFS。TFS

6、即淘宝分布式文件系统(TAOBAOFIELSYSTE)。页面XML格式接下来介绍。一个站点的页面一般都是如下结构：图表5：页面模块化结构示意图即站点>页面>布局>模块的层次关系图，从左至右的各个关系都是一对多的关系，即一个站点有多个页面，每一个页面有多个布局，每一个布局有多个模块组成。在DC存储的页面结构数据也是如此,一个简单的页面XML格式如下：分区未归档笔记的第2页每一个module的prototype属性就是上文提到的元数据即模块原型，这些都是模块的基本信息，不包含业务数据，属性id就是上文提到的对应该模块原型的业务数据。Page、Layout也是同样的道理。2.DC

7、如何渲染页面DC维护着所有的模块信息，也包括了模块对应前台应用的信息，前台应用如DETAIL可以根据自己的信息获取相应的模块，代码示例：参数“shop.headerArchiveNoNav”是模块名字的简称。参数“1.1”是指模块的版本号。参数“userId”和“shopId”用于展示该会员对应的店铺信息。这样就可以获取当前卖家ID和店铺ID的一个模板信息。获取到对应的模板信息，系统就开始执行业务和渲染页面。这是一件很繁杂的事情，渲染有谁来负责也是一件值得考虑的事情。最开始很容易会想到有两种方式，分别是DC渲染或前