创建模板

启动SDK后，通常情况下，你的默认浏览器会被自动打开，并且自动打开WEB控制台页面，即看到如图2-1所示的界面：

当 然，某些时候也会出现异常情况：浏览器没有自动打开、没有看到默认的页面（尤其是通过SVN更新的SDK的用户），此时的解决方法为：首先查看SDK启动 的命令行提示信息，如下图2-2所示，服务器的IP地址和端口号都已打印出，通过提示，可以手动开启浏览器，然后在地址栏直接输入http:// 10.17.216.43:8080/即可。

模板参数详解
点击“创建新模板”，出现以下界面，如图2-3所示，按照提示信息，填写相关内容，

图2-3 编辑模板页面

上图每个表单对象的含义为：

模 板类型：简易模版/高级模板，它们的区别为：简易模版只含有系统模块，而高级模板包含简易模版的所有功能，并且高级模板还可以设计设计师模块。目录名称： 模板目录的文件夹名称，不支持中文模板名称：模板显示名称，支持中文模版版本：当前模板的版本号模板缩略图：模板的展示图标，填写相对路径，目前支持 png、jpg和gif格式的图片调用数据类型：行业类别模板备注：介绍模板的描述信息

模板目录结构
按上图填写完相关内容，保存之后会在htdocs目录下创建一个目录名称为“rita”的目录文件，其目录结构如下图2-4所示，

图2-4 rita模板的目录结构

1) site.xml是模板描述文件，在模板编辑页面设置的属性值及其默认生成的模板信息都记录在该文件中。如下图2-5所示，绿色的注释是对其下面标签的说 明，在上述模板创建的表单页面中填写的相关信息都会记录在site.xml中，例如模板名称、模板缩略图、模板版本以及模板备注等信息都写到了 site.xml文件中。

图2-5 模板描述文件的内容

2) assets文件夹包含images文件夹和stylesheets文件夹，images用于存放公共的图片文件，而stylesheets用于存放公共的css样式文件，注：此处的css文件最好通过图形化界面进行修改设置。
a) images文件夹下可以建立子目录，从上述模板编辑页面中绿色边框标注的模板缩略图，可以知道sdk只支持png、jpg和gif这三种格式的图片，其 它格式的图片都会被过滤掉。b) stylesheets文件夹下的全局样式默认目录为assets/stylesheets/default/extra.css，如果在该目录下编写其 它的样式文件时会被过滤掉，只会处理默认目录下的全局样式文件extra.css。    3) modules文件夹用于存放模块文件，此文件夹下每一个模块将对应一个文件夹，对模板中模块的编辑均在此文件夹下进行，如下图2-7所示，模板创建时会 自动默认生成以下系统模块。生成的模块按下图的次序依次为：产品推荐、添加收藏、店铺招牌、联系信息、面包屑、自定义内容区、促销信息、refine search、产品分组、页面头部信息、页面导航和图片轮播。

注：不论系统模块还是设计师模块，其assets\stylesheets\default.css内容不能为空，否则打包不通过。

4) 默认生成的首页（index.json）、头部页面（header.json）以及尾部页面（footer.json）。header.json和footer.json是所有页面共同使用的头部和尾部。

最后编辑：2015-01-07

作者：senlinbird

网站管理员，就是一个网站管理员！

站内专栏 站点