您的位置:首页 > 编程语言 > PHP开发

带着项目学PHP第八讲 - ecshop中index.dwt文件分析

2013-06-24 20:08 519 查看
对于ecshop新手来说,这篇总结值得关注。

对于没有web编程基础的同学来说,ecshop模板里面有两个文件特别重要,

但是这两个文件同时也很不好理解,分别是index.dwt和style.css.

而且网络上很难找到这两个文件的详细说明,经过好多天摸索,把我的经验和认识记录下来,

不一定完全正确,希望更有经验的同学能出来指导。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

//关键字和描述

<meta name="Keywords" content="{$keywords}" />

<meta name="Description" content="{$description}" />

// 可编辑区域,书写首页标题名

<!-- TemplateBeginEditable name="doctitle" -->

<title>{$page_title}</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" -->

<!-- TemplateEndEditable -->

//图标以及css样式和可替换样式

<link rel="shortcut icon" href="favicon.ico" />

<link rel="icon" href="animated_favicon.gif" type="image/gif" />

<link href="{$ecs_css_path}" rel="stylesheet" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}"

href="{$feed_url}" />

//注释文件以及脚本文件

{* 包含脚本文件 *}

{insert_scripts files='common.js,index.js'}

</head>

//主体文件格式

<body>

//插入首页头文件

<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->

//这个div引用了一个叫做blank的css类
<div class="blank"></div>

//定义首页左边区域

<div class="block clearfix">

<!--left start-->

<div class="AreaL">

//定义站内公告

<!--站内公告 start-->

<div class="box">

<div class="box_1">

<h3><span>{$lang.shop_notice}</span></h3>

<div class="boxCenterList RelaArticle">

{$shop_notice}

</div>

</div>

</div>

<div class="blank5"></div>

<!--站内公告 end-->

<!-- TemplateBeginEditable name="左边区域" -->

//购物车信息

<!-- #BeginLibraryItem "/library/cart.lbi" -->

{insert_scripts files='transport.js'}

<div class="cart" id="ECS_CARTINFO">

{insert name='cart_info'}

</div>

<div class="blank5"></div>

<!-- #EndLibraryItem -->

//快捷引导目录信息

<!-- #BeginLibraryItem "/library/category_tree.lbi" -->

<div class="box">

<div class="box_1">

<div id="category_tree">

//第一层循环

<!--{foreach from=$categories item=cat}-->

<dl>

<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>

//第二层循环

<!--{foreach from=$cat.cat_id item=child}-->

<dd><a href="{$child.url}">{$child.name|escape:html}</a></dd>

//第三层循环

<!--{foreach from=$child.cat_id item=childer}-->

<dd>  <a href="{$childer.url}">{$childer.name|escape:html}</a></dd>

<!--{/foreach}-->

<!--{/foreach}-->

</dl>

<!--{/foreach}-->

</div>

</div>

</div>

<div class="blank5"></div>

// 销量前十的商品

<!-- #EndLibraryItem -->

<!-- #BeginLibraryItem "/library/top10.lbi" -->

<div class="box">

<div class="box_2">

<div class="top10Tit"></div>

<div class="top10List clearfix">

//获取销量前十的商品的图片

<!-- {foreach name=top_goods from=$top_goods item=goods}-->

<ul class="clearfix">

<img src="../images/top_{$smarty.foreach.top_goods.iteration}.gif"

class="iteration" />

<!-- {if $smarty.foreach.top_goods.iteration<4}-->

<li class="topimg">

//获取销量前十的商品的缩略图

<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"

class="samllimg" /></a>

</li>

<!-- {/if} -->

<li {if $smarty.foreach.top_goods.iteration<4}class="iteration1"{/if}>

<a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name}</a><br />

{$lang.shop_price}<font class="f1">{$goods.price}</font><br />

</li>

</ul>

<!-- {/foreach} -->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- #EndLibraryItem -->

//促销商品信息

<!-- #BeginLibraryItem "/library/promotion_info.lbi" -->

<!-- {if $promotion_info} -->

<!-- 促销信息 -->

<div class="box">

<div class="box_1">

<h3><span>{$lang.promotion_info}</span></h3>

<div class="boxCenterList RelaArticle">

<!-- {foreach from=$promotion_info item=item key=key} -->

<!-- {if $item.type eq "snatch"} -->

<a href="snatch.php" title="{$lang.$item.type}">{$lang.snatch_promotion}</a>

<!-- {elseif $item.type eq "group_buy"} -->

<a href="group_buy.php" title="{$lang.$item.type}">{$lang.group_promotion}</a>

<!-- {elseif $item.type eq "auction"} -->

<a href="auction.php" title="{$lang.$item.type}">{$lang.auction_promotion}</a>

<!-- {elseif $item.type eq "favourable"} -->

<a href="activity.php" title="{$lang.$item.type}">{$lang.favourable_promotion}</a>

<!-- {/if} -->

<a href="{$item.url}" title="{$lang.$item.type} {$item.act_name}{$item.time}"

style="background:none; padding-left:0px;">{$item.act_name}</a><br />

<!-- {/foreach} -->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- #EndLibraryItem -->

//订单查询

<!-- #BeginLibraryItem "/library/order_query.lbi" -->

<!--{if empty($order_query)}-->

<script>var invalid_order_sn = "{$lang.invalid_order_sn}"</script>

<div class="box">

<div class="box_1">

<h3><span>{$lang.order_query}</span></h3>

<div class="boxCenterList">

<form name="ecsOrderQuery">

<input type="text" name="order_sn" class="inputBg" /><br />

<div class="blank5"></div>

<input type="button" value="{$lang.query_order}" class="bnt_blue_2"

onclick="orderQuery()" />

</form>

<div id="ECS_ORDER_QUERY" style="margin-top:8px;">

<!--{else}-->

<!--{if $order_query.user_id}-->

<b>{$lang.order_number}:</b><a href="user.php?act=order_detail&order_id=

{$order_query.order_id}" class="f6">{$order_query.order_sn}</a><br>

<!--{else}-->

<b>{$lang.order_number}:</b>{$order_query.order_sn}<br>

<!--{/if}-->

<b>{$lang.order_status}:</b><br><font class="f1">{$order_query.order_status}</font><br>

<!--{if $order_query.invoice_no }-->

<b>{$lang.consignment}:</b>{$order_query.invoice_no}<br>

<!--{/if}-->

{if $order_query.shipping_date}:{$lang.shipping_date} {$order_query.shipping_date}

<br>

<!--{/if}-->

<!--{/if}-->

</div>

</div>

</div>

</div>

<div class="blank5"></div>

//发货单查询

<!-- #EndLibraryItem -->

<!-- #BeginLibraryItem "/library/invoice_query.lbi" -->

<!--{if $invoice_list}-->

<style type="text/css">

.boxCenterList form{display:inline;}

.boxCenterList form a{color:#404040; text-decoration:underline;}

</style>

<div class="box">

<div class="box_1">

<h3><span>{$lang.shipping_query}</span></h3>

<div class="boxCenterList">

<!-- 发货单查询{foreach from=$invoice_list item=invoice} -->

{$lang.order_number} {$invoice.order_sn}<br />

{$lang.consignment} {$invoice.invoice_no}

<div class="blank"></div>

<!-- 结束发货单查询{/foreach}-->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- #EndLibraryItem -->

//投票信息

<!-- #BeginLibraryItem "/library/vote_list.lbi" -->

{insert name='vote'}

<!-- #EndLibraryItem -->

//邮件订阅功能

<!-- #BeginLibraryItem "/library/email_list.lbi" -->

<div class="box">

<div class="box_1">

<h3><span>{$lang.email_subscribe}</span></h3>

<div class="boxCenterList RelaArticle">

<input type="text" id="user_email" class="inputBg" /><br />

<div class="blank5"></div>

<input type="button" class="bnt_blue" value="{$lang.email_list_ok}"

onclick="add_email_list();" />

<input type="button" class="bnt_bonus" value="{$lang.email_list_cancel}"

onclick="cancel_email_list();" />

</div>

</div>

</div>

<div class="blank5"></div>

//处理邮件订阅的脚本

<script type="text/javascript">

var email = document.getElementById('user_email');

function add_email_list()

{

if (check_email())

{

Ajax.call('user.php?act=email_list&job=add&email=' + email.value, '',

rep_add_email_list, 'GET', 'TEXT');

}

}

function rep_add_email_list(text)

{

alert(text);

}

function cancel_email_list()

{

if (check_email())

{

Ajax.call('user.php?act=email_list&job=del&email=' + email.value, '',

rep_cancel_email_list, 'GET', 'TEXT');

}

}

function rep_cancel_email_list(text)

{

alert(text);

}

function check_email()

{

if (Utils.isEmail(email.value))

{

return true;

}

else

{

alert('{$lang.email_invalid}');

return false;

}

}

</script>

<!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

</div>

<!--left end-->

<!--right start-->

//右侧区域

<div class="AreaR">

// 站内快讯和焦点图

<!--焦点图和站内快讯 START-->

<div class="box clearfix">

<div class="box_1 clearfix">

<div class="f_l" id="focus">

<!-- #BeginLibraryItem "/library/index_ad.lbi" --><!-- #EndLibraryItem -->

</div>

<!--news-->

<div id="mallNews" class="f_r">

<div class="NewsTit"></div>

<div class="NewsList tc">

<!-- TemplateBeginEditable name="站内快讯上广告位(宽:210px)" -->

<!-- TemplateEndEditable -->

<!-- #BeginLibraryItem "/library/new_articles.lbi" --><!-- #EndLibraryItem -->

</div>

</div>

<!--news end-->

</div>

</div>

<div class="blank5"></div>

<!--焦点图和站内快讯 END-->

<!--今日特价,品牌 start-->

<div class="clearfix">

<!--特价-->

<!-- #BeginLibraryItem "/library/recommend_promotion.lbi" --><!-- #EndLibraryItem -->

<!--品牌-->

<div class="box f_r brandsIe6">

<div class="box_1 clearfix" id="brands">

<!-- #BeginLibraryItem "/library/brands.lbi" --><!-- #EndLibraryItem -->

</div>

</div>

</div>

<div class="blank5"></div>

//主区域

<!-- TemplateBeginEditable name="右边主区域" -->

// 精品推荐

<!-- #BeginLibraryItem "/library/recommend_best.lbi" -->

<!-- {if $best_goods} -->

<!-- {if $cat_rec_sign neq 1} -->

<div class="box">

<div class="box_2 centerPadd">

<div class="itemTit" id="itemBest">

{if $cat_rec[1]}

// 点击切换标签页

<h2><a href="javascript:void(0)" onclick="change_tab_style('itemBest', 'h2',

this);get_cat_recommend(1, 0);">{$lang.all_goods}</a></h2>

{foreach from=$cat_rec[1] item=rec_data}

<h2 class="h2bg"><a href="javascript:void(0)" onclick="change_tab_style('itemBest',

'h2', this);get_cat_recommend(1, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2>

{/foreach}

{/if}

</div>

<div id="show_best_area" class="clearfix goodsBox">

<!-- {/if} -->

<!--{foreach from=$best_goods item=goods}-->

<div class="goodsItem">

<span class="best"></span>

<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"

class="goodsimg" /></a><br />

<p><a href="{$goods.url}" title="{$goods.name|escape:html}">

{$goods.short_style_name}</a></p>

<font class="f1">

<!-- {if $goods.promote_price neq ""} -->

{$goods.promote_price}

<!-- {else}-->

{$goods.shop_price}

<!--{/if}-->

</font>

</div>

<!--{/foreach}-->

<div class="more"><a href="../search.php?intro=best"><img src="images/more.gif"

/></a></div>

<!-- {if $cat_rec_sign neq 1} -->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- {/if} -->

<!-- #EndLibraryItem -->

// 最新商品

<!-- #BeginLibraryItem "/library/recommend_new.lbi" -->

<!-- {if $new_goods} -->

<!-- {if $cat_rec_sign neq 1} -->

<div class="box">

<div class="box_2 centerPadd">

<div class="itemTit New" id="itemNew">

{if $cat_rec[2]}

<h2><a href="javascript:void(0)" onclick="change_tab_style('itemNew', 'h2',

this);get_cat_recommend(2, 0);">{$lang.all_goods}</a></h2>

{foreach from=$cat_rec[2] item=rec_data}

<h2 class="h2bg"><a href="javascript:void(0)" onclick="change_tab_style('itemNew',

'h2', this);get_cat_recommend(2, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2>

{/foreach}

{/if}

</div>

<div id="show_new_area" class="clearfix goodsBox">

<!-- {/if} -->

<!--{foreach from=$new_goods item=goods}-->

<div class="goodsItem">

<span class="news"></span>

<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"

class="goodsimg" /></a><br />

<p><a href="{$goods.url}" title="{$goods.name|escape:html}">

{$goods.short_style_name}</a></p>

<font class="f1">

<!-- {if $goods.promote_price neq ""} -->

{$goods.promote_price}

<!-- {else}-->

{$goods.shop_price}

<!--{/if}-->

</font>

</div>

<!--{/foreach}-->

<div class="more"><a href="../search.php?intro=new"><img src="images/more.gif"

/></a></div>

<!-- {if $cat_rec_sign neq 1} -->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- {/if} -->

<!-- #EndLibraryItem -->

//热销商品

<!-- #BeginLibraryItem "/library/recommend_hot.lbi" -->

<!-- {if $hot_goods} -->

<!-- {if $cat_rec_sign neq 1} -->

<div class="box">

<div class="box_2 centerPadd">

<div class="itemTit Hot" id="itemHot">

{if $cat_rec[3]}

<h2><a href="javascript:void(0)" onclick="change_tab_style('itemHot', 'h2',

this);get_cat_recommend(3, 0);">{$lang.all_goods}</a></h2>

{foreach from=$cat_rec[3] item=rec_data}

<h2 class="h2bg"><a href="javascript:void(0)" onclick="change_tab_style('itemHot',

'h2', this);get_cat_recommend(3, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2>

{/foreach}

{/if}

</div>

<div id="show_hot_area" class="clearfix goodsBox">

<!-- {/if} -->

<!--{foreach from=$hot_goods item=goods}-->

<div class="goodsItem">

<span class="hot"></span>

<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}"

class="goodsimg" /></a><br />

<p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>

<font class="f1">

<!-- {if $goods.promote_price neq ""} -->

{$goods.promote_price}

<!-- {else}-->

{$goods.shop_price}

<!--{/if}-->

</font>

</div>

<!--{/foreach}-->

<div class="more"><a href="../search.php?intro=hot"><img src="images/more.gif" /></a></div>

<!-- {if $cat_rec_sign neq 1} -->

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- {/if} -->

<!-- #EndLibraryItem -->

//拍卖商品

<!-- #BeginLibraryItem "/library/auction.lbi" -->

<!-- {if $auction_list} -->

<div class="box">

<div class="box_1">

<h3><span>{$lang.auction_goods}</span><a href="auction.php"><img src="../images/more.gif"></a></h3>

<div class="centerPadd">

<div class="clearfix goodsBox" style="border:none;">

<!--{foreach from=$auction_list item=auction}-->

<div class="goodsItem">

<a href="{$auction.url}"><img src="{$auction.thumb}" alt="{$auction.goods_name|

escape:html}" class="goodsimg" /></a><br /> <p><a href="{$auction.url}" title="{$auction.goods_name|escape:html}">

{$auction.short_style_name|escape:html}</a></p>

<font class="shop_s">{$auction.formated_start_price}</font>

</div>

<!--{/foreach}-->

</div>

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- #EndLibraryItem -->

//团购商品

<!-- #BeginLibraryItem "/library/group_buy.lbi" -->

<!-- {if $group_buy_goods} -->

<div class="box">

<div class="box_1">

<h3><span>{$lang.group_buy_goods}</span><a href="group_buy.php"><img

src="../images/more.gif"></a></h3>

<div class="centerPadd">

<div class="clearfix goodsBox" style="border:none;">

<!--{foreach from=$group_buy_goods item=goods}-->

<div class="goodsItem">

<a href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.goods_name|

escape:html}" class="goodsimg" /></a><br />

<p><a href="{$goods.url}"

title="{$goods.goods_name|escape:html}">{$goods.short_style_name|escape:html}</a></p>

<font class="shop_s">{$goods.last_price}</font>

</div>

<!--{/foreach}-->

</div>

</div>

</div>

</div>

<div class="blank5"></div>

<!-- {/if} -->

<!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

</div>

<!--right end-->

</div>

<div class="blank5"></div>

<!--帮助-->

<div class="block">

<div class="box">

<div class="helpTitBg clearfix">

<!-- #BeginLibraryItem "/library/help.lbi" --><!-- #EndLibraryItem -->

</div>

</div>

</div>

<div class="blank"></div>

<!--帮助-->

<!--友情链接 start-->

<!--{if $img_links or $txt_links }-->

<div id="bottomNav" class="box">

<div class="box_1">

<div class="links clearfix">

<!--开始图片类型的友情链接{foreach from=$img_links item=link}-->

<a href="{$link.url}" target="_blank" title="{$link.name}"><img src="{$link.logo}"

alt="{$link.name}" border="0" /></a>

<!--结束图片类型的友情链接{/foreach}-->

<!-- {if $txt_links} -->

<!--开始文字类型的友情链接{foreach from=$txt_links item=link}-->

[<a href="{$link.url}" target="_blank" title="{$link.name}">{$link.name}</a>]

<!--结束文字类型的友情链接{/foreach}-->

<!-- {/if} -->

</div>

</div>

</div>

<!--{/if}-->

<!--友情链接 end-->

<div class="blank"></div>

<!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem -->

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: