ecshop中 dwt, lbi 文件详解

转载自互联网

博客以传播有价值的正面信息为第一要务，这篇文章对于准备学习ecshop开发的同学来说，实属难得，强力推荐。

 

Ecshop包括的文件夹有admin、api、cert、data、images、includes、js、 languages、plugins、temp、theme、wap、widget这些文件夹，和根目录下的所有.php文件。这些文件和文件夹组成了整 个ecshop。如果从软件工程角度分析ecshop的话，ecshop的二级可以看成admin和前台两个部分。admin主要是面向服务端的，而前台 是面向客户端的，这是这两个部分的最明显的差别。下面给出ecshop的二级流程图：

此二级流程图给出了admin模块、前台显示模块和数据库模块之间的一个关系。从上面的图示可以看出，admin模块要对数据库进行读和写，这里的 读和写组成了整个的后台的管理，包括商品的增加和删减、留言的管理、订单的处理等等。前台模块也要对数据库进行读和写，它的读写主要是完成交易的过程，写的内容基本都是和商品数量、点击数量这些在商品交易中一定要改变的数字。在admin模块也可以对前台显示部分进行写，这个写的过程主要是完成前台显示方式的改变，比如admin模块可以选择模板；同样也可以改变每个小模块在某个页面中是否显示，以及显示的位置（如果显示）。

 

关于dwt文件和lbi文件

 

1，dwt 文件是网页模板文件(Dreamweaver Template), 在创建网站的多个网页的时候，通常可以将网页的共同部分创建成为一个模板, 然后给多个网页调用, 以实现网页代码的重复利用. 制作模板的时候, 用户可以自定义的模板可编辑区域和非可编辑区域, 可编辑区域将在调用模板的网页中再次填充代码.

2，lbi库文件时Dreamweaver中的库文件无论是dwt,库文件还是代码片段都是将可以重复使用的代码单独放在一个模板文件中然后再要使用的地方调用，他们的区别是 dwt是将多个不同位置的重复模块保存成一个dwt文件然后重复利用，lbi是将一个模块保存成库文件

3，如何建立dwt文件 dw里文件-新建，新建文档-空白页-html模板-然后ctrl+s（如果没建立站点那么要在保存类型中选择 .dwt）

 

4，创建lbi文件，ctrl+n(新建)---空白页---库项目 然后保存到库路径，或者再设计页面选中要保存成库项目的部分选择修改-库-增加对象到库  或者直接拖拽选中部分到库中

 

 

Images文件夹：

这个文件夹下有子文件夹，在这些子文件夹下面存放着当前网站商品的原始图片和缩略图。这些子文件夹命名有规律的，它们的文件名是它们目录下商品加入 的年月份。也就是说在同一个月份加入的商品，它们的图片是在同一个文件夹下的，且这个文件夹的名字就是当前的年月份。后台每添加一个带图片的商品，这边都会在某个文件夹下出现提交图片的副本。

Data文件夹：

这个文件夹是包括一些固定的数据，比如固定的配置、图片等等。在data这个文件夹下的config.php记录了数据库的一些固定的信 息，afficheimg文件夹下存放这首页最中间的flash的图片源。实现将afficheimg文件夹下的图片加载到首页的flash中是通过文件 夹flashdata下面文件夹dynfocus中的javascript来实现的。文件夹brandlogo下存放这有品牌商品的公司的logo，另外文件夹captcha下存放这验证码的背景图片。

Theme文件夹：

页面的显示是有theme这个文件夹全权负责的。而这些准备的数据是怎么在theme下的.dwt中显示的呢？数据是通过smarty加载进去的。在根目录下每个.php文件中都会有类似$smarty->assign(’page_title’, $position['title']);这样的句子，这样page_title在对应的dwt文件中就可以作为一个变量使用了。这样就将php文件很dwt文件很好的结合好了。

下面稍微说一下dwt这个文件。这个文件中大部分的信息是自动生成的。在dwt文件中都会看到这样的块，这个快就是用来确定每个模块显示的位置的，如果在后台将某个模块选择显示在“左边区域”，那么这个模块的代码会在上面的这个区域生成。当然在dwt文件中我们也会到处看到这里面的代码全都是自动生 成的，要改也只能该.lbi文件。还有就是在出现之前，这两个标志之间不能直接编辑代码，要加入自己的代码必须要在和下一个 BeginLibraryItem之前插入。

程序：

程序主要是包括（这里说的是关于前台的）根目录下的所有的php脚本、includes，js文件夹，这些所有的脚本完成了前台显示的数据准备。所 以它们在整个ecshop的结构中占着相当重要的地位，对ecshop的修改也主要集中在这些脚本中，这些脚本的具体分析会在后期中一一给出。

在上一篇中给大家带来了ecshop的总体的框架。从总体上看ecshop，相信大家的思路应该很清楚。作为一个对开源项目修改者你来说，能对ecshop有个初步的了解就行了，下面我会给大家带来我在修改ecshop的过程中的一些体会。

记得在上一篇中我们聊到了Adobe的模板。下面我们来根据ecshop跟大家讨论一下模板。说到模板，这就是ecshop前台显示的主要文件，如 果你能很好理解theme下模板文件和样式表文件，对于ecshop前台显示应该没有任何问题了。Ecshop中页面到底是怎么显示的呢？这个问题我们先放在一边，我们先研究一下ecshop是怎么将一系列从数据库中读取出来，然后传到显示页面中的。要解决这个问题我们要用根目录下的index.php和 theme/default下的index.dwt来作为用例。之所以用对应的两个文件夹，是因为在index.dwt中要显示的数据是通过smarty 从index.php中加载进来的。在index.php中有如下代码：

$position = assign_ur_here();
$smarty->assign('page_title', $position['title']); // 页面标题
$smarty->assign('ur_here', $position['ur_here']); // 当前位置

首先它是调用函数assign_ur_here，这样得到了变量$position，在变量$position中有title和ur_here这两个变量。在index.dwt中会有如下代码：