模板方案
一个系统(如:eWebShop)中允许设置多套的模板方案,用户可以选择其中一种方案做为当前使用的模板方案。一套模板方案包含整个系统所需要的所有模板页,一套模板方案就是一套完全不同的系统界面。
模板方案设计文件结构规范:

上图所示结构说明:
- 系统目录:“eWebShop”
为系统所在文件夹。
- 模板目录:“Template”
在系统文件夹的根下,都有一个“Template”的文件夹,所有模板相关文件都存在此文件夹中。
- 方案目录:“0001”、“xx01”
在“Template”文件夹中有多个子文件夹,如“0001”、“xx01”,每个子文件夹表示一套模板方案,这套模板方案的所有模板相关文件都存在此文件夹中。系统自带的为4位长度从“0001”开始的纯数字型的方案目录,其它设计者提供的方案为“设计者标识+2位数字”形式的方案目录。方案目录的效果图如下:
 如上图的方案目录设计说明:
- 每个模板页,就有一个形如“模板页名.htm”的文件与其对应,如“Default.htm”表示首页模板、“ProductList.htm”表示商品列表页模板、“ProductDetail.htm”表示商品显示页模板。
- 每个模板块,就有一个形如“$模板块名.htm”的文件与其对应,如“$head.htm”表示头部公用模板块、“$foot.htm”表示尾部公用模板块、“$login.htm”表示登录区公用模板块。
- 所有模板块以“$”为开头区别模板页。
- 模板页名是按我们的规范固定的,您可以到模板页章节了解名称的定义。
- 模板块名是自定义的,您可以按照自己的需要自行给定。
- 名称一律使用英文,不能使用中文,尽量由文件名来表述此文件的含义。
- 模板页和模板块文件中的HTML代码中的文件路径(如:图片路径),全部使用相对路径形式。注意:相对的是系统的根目录下。正确的格式应该是“<img src="template/0001/files/xxx.gif">”,而不是“<img src="files/xxx.gif">”,因为系统程序的执行文件是在根目录中的。
- 方案文件目录:“files”
每套模板方案目录下,都有一个“files”目录,用于保存所有此方案有用到的其它文件(如:图片文件、JS文件、CSS文件、Flash文件等)。所有文件的文件名,可以根据设计者模板的需要自行定义。
关于模板方案的使用:
设计者完成一套模板设计后,可以按以下的步骤,实现模板方案的交流应用:
- 把模板方案目录(形如:“xx01”),压缩,传给需要使用的人。
- 收到模板压缩包后,解压,把模板方案目录(形如:“xx01”)上传到系统所在服务器的模板目录(“eWebShop/Template”)中。
- 进入系统后台管理,点击进入[模板方案管理],使用模板导入功能实现模板的导入,并把此方案设为当前使用模板。
- 模板传递应用完成。到前台看一下,界面全变了吧。
|