2013年11月23日

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

对于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">

<head>

//关键字和描述

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

<title>{$page_title}</title>

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

href="{$feed_url}" />

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

{* 包含脚本文件 *}

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

</head>

//主体文件格式

<body>

//插入首页头文件

//这个div引用了一个叫做blank的css类

//定义首页左边区域

//定义站内公告

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

{$shop_notice}

</div>

//购物车信息

{insert_scripts files='transport.js'}

{insert name='cart_info'}

</div>

//快捷引导目录信息

//第一层循环

<dl>

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

//第二层循环

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

//第三层循环

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

</dl>

</div>

// 销量前十的商品

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

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

class="iteration" />

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

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

class="samllimg" /></a>

</li>

<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>

</div>

//促销商品信息

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

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

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

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

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

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

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

</div>

//订单查询

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

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

onclick="orderQuery()" />

</form>

<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>

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

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

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

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

<br>

</div>

//发货单查询

.boxCenterList form{display:inline;}

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

</style>

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

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

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

</div>

//投票信息

{insert name='vote'}

//邮件订阅功能

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

<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>

//处理邮件订阅的脚本

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>

</div>

//右侧区域

// 站内快讯和焦点图

</div>

</div>

</div>

</div>

//主区域

// 精品推荐

{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>

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

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

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

{$goods.promote_price}

{$goods.shop_price}

</font>

</div>

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

/></a></div>

</div>

// 最新商品

{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>

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

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

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

{$goods.promote_price}

{$goods.shop_price}

</font>

</div>

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

/></a></div>

</div>

//热销商品

{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>

<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>

{$goods.promote_price}

{$goods.shop_price}

</font>

</div>

</div>

//拍卖商品

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

<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>

</div>

//团购商品

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

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

<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>

</div>

</div>

</div>

</div>

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

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

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

</div>

</body>

</html>

Dream Maker 老漂 ^{不要有和人斗的心，你要赢的是你自己！}

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

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。