ECshop中TemplateBeginEditable 和后台编辑讲解_ecshop教程_php教程

在ecshop的dwt文件里面经常发现有“和”这么一段代码,有很多朋友误认为只是注释用的，这里首先来介绍一下#BeginLibraryItem这段代码。可以看到后面有“page_header.lbi“这个.lbi文件是一个库文件，打开后发现里面就是一些html代码，index.dwt为模板，那么这个.lbi可以理解为模板index.dwt的子模板，.lbi专门供别的的dwt模板导入的子模板. 那么 TemplateBeginEditable这个又是干什么用的呢？很多人知道这个是可编辑区域的意思，意思就是在TemplateBeginEditable 和 TemplateEndEditable之间的位置是可编辑区域，具体的我们来举个例字。首先我们到ecshop 管理员后台的模板管理->设置模板里面可以看到以下这个

ECshop中TemplateBeginEditable 和后台编辑讲解

可以看到上面的默认选择了首页模板，假如当你将商品分类树选择为右边主区域点击确定之后清楚缓存，在刷新首页这是你会发现，原来的商品分类树从左边跑到右边了。在上面的下拉框中我们看到只有三个选择，右边主区域，左边主区域，广告位，如果你想多加几个选项，那么很简单，只要你在你要改的模板内多加上几个就行了，假如你要在index.dwt模板添加 “左上角主区域”，和“右下角主区域”，那么你可以在index.dwt 里面加入

这是你再到后台，模板设置里面看首页的选项中就有这个选项

ECshop中TemplateBeginEditable 和后台编辑讲解

下面我来讲解一下怎么制作自己的模板，我拿index.dwt为例，首先在\themes\default\下将index.dwt文件拷贝一份改名为home.dwt在<body>里面加一句话 "这是自己定义的home.dwt模板" 以方便调试, 同样在根目录下的index.php文件拷贝一份改名为home.php里面加一行 echo '这是自己定义的home.php'; 代码以便调试同时把$smarty->display('index.dwt', $cache_id);改为$smarty->display('home.dwt', $cache_id);然后清楚缓存在浏览器通过http://localhost/ecshop/home.php执行你会发现这个页面跟首页一样，只是多了一段 "这是自己定义的home.php 这是自己定义的home.dwt模板" 文字。当然home.php 和home.dwt 文件里面的内容可以自己定义.
当你再到后台模板管理->设置模板里面的选择模板下拉框选项中没有你加的home模板，这时你就要在\admin\includes\lib_template.php里配置一下。在代码”$template_files = array('index.dwt', “ 加上你的模板”$template_files = array('home.dwt','index.dwt',“ ，告诉系统有home.dwt这么一个模板,其次在$page_libs = array( 这个二位数组里面的 'index' => array( 这个数组拷贝一份，改名为home ，意思就是告诉系统你这个home模板里面可以导入哪些.lbi文件.这点配置还不够，你还要在\languages\zh_cn\admin/template.php语言包里面加一行$_LANG['template_files']['home'] = 'Myhome模板';代码.然后你再到后台模板管理->设置模板可以看到如下结果

ECshop中TemplateBeginEditable 和后台编辑讲解

你会发现下拉框中多了一个Myhome模板选项,当你点击旁边的确定按钮时会报错，这是因为你还有一个xml文件没修改，打开themes\default\libs.xml文件，将 <file name="index.dwt"> 节点内的代码拷贝一份把节点名改为<file name="home.dwt">这时你再来重复上次的操作点击旁边的确定，就不会报错了。

接下来我们制作.lbi库文件
首先我们在\themes\default\library\目录下新建一个home.lbi文件里面输入"这是我自的lbi文件"然后在\admin\includes\lib_template.php文件里面，你刚才新加的'home' => array(home数组里面添加你的home.lbi 既在这个数组末尾加'/library/home.lbi' => 0 同样像修改模板一样在\languages\zh_cn\admin\template.php 里面加入一行 $_LANG['template_libs']['home'] = 'Myhome库文件'; 代码这时你到后台模板管理->库项目管理你就会发现刚刚你加的库文件出来了。

ECshop中TemplateBeginEditable 和后台编辑讲解

里面代码可以自己修改

这时候你再到模板管理->设置模板->选择Myhome模板确定后，下面可以发现你要编辑的lbi出来了， ECshop中TemplateBeginEditable 和后台编辑讲解
(责任编辑：好模板)