TurboShop模板制作教程

導(dǎo)航: 上一頁

目錄

• 1 概要
• 2 模板目錄結(jié)構(gòu)
• 3 模板制作
• 4 Velocity模板語言常用語法介紹

概要

TurboShop前臺(tái)頁面，采用模板機(jī)制制作，一個(gè)商城可以擁有很多套模板，通過管理后臺(tái)能輕松快速給商城“變臉”。前臺(tái)模板頁面，都存放在 /user_case 下，每套模板，建一個(gè)獨(dú)立目錄。所有頁面模板，都采用html作為擴(kuò)展名，方便在Dreamweaver中編輯。因?yàn)門urboShop是基于JAVA語言設(shè)計(jì)，所以我們采用Velocity作為模板語言，語法簡單易懂，性能優(yōu)秀。

模板目錄結(jié)構(gòu)

• /根目錄

/ Catalog目錄

/ Member目錄

/ News目錄

/ Product目錄

模板制作

TurboShop在V1.0設(shè)計(jì)的時(shí)候，就充分在考慮如何為用戶提供一種靈活的商城布局方式和靈活的商品展示布局，所以我們特別設(shè)計(jì)的“商品群組”這個(gè)功能，讓用戶可以非常靈活自由地個(gè)性化布局商品展示。下面我們來看看如何在模板中插入一個(gè)商品群組展示：

- 商品群組接口名稱：getNewProductByPgTitleByCount(groupName,count)

參數(shù)：

groupName - 商品群組名稱

count - 需要顯示的商品數(shù)量

在模板中插入商品群組展示：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
#foreach ( $products in $productMgr.getNewProductByPgTitleByCount("本周熱賣",10)} ) 
<tr>
<td><a href="product/detail-$products.getString("pid")}.html"><img src="$ConfigBean.getStringValue("systenFolder")}
.$ConfigBean.getStringValue("upload_pro_img")}$products.getString("img_s")}" alt="$products.getString("name")}"
 width="60" height="60" border="0" /></a></td>
<td>
$products.getString("name")}
</td>
<td>
$productMgr.getProductPriceStr($products)}
</td>
<td>
<a href="catalog/list-s-$products.getString("cparentid")}-$products.getString("cid")}.html" target="_blank">
$products.getString("ctitle")}</a>
</td>
</tr>
#end
</table> 

Velocity模板語言常用語法介紹

• 聲明:#set ($var=XXX)

左邊可以是以下的內(nèi)容

Variable reference 
String literal 
Property reference 
Method reference 
Number literal #set ($i=1) 
ArrayList #set ($arr=["yt1","t2"])

技持算術(shù)運(yùn)算符

• Methods

object user.getName() = $user.getName()

• Formal Reference Notation

用{}把變量名跟字符串分開

如#set ($user="csy"}

${user}name

返回csyname

• 條件語句

#if( $foo ) 
<strong>Velocity!</strong>
#end
#if($foo)
#elseif()
#else
#end

當(dāng)$foo為null或?yàn)锽oolean對(duì)象的false值執(zhí)行.

• 邏輯運(yùn)算符:== && || !

• 循環(huán)語句#foreach($var in $arrays ) // 集合包含下面三種Vector, a Hashtable or an Array

#end
#foreach( $product in $allProducts )
<li>$product</li>
#end

#foreach( $key in $allProducts.keySet() )
<li>Key: $key -> Value: $allProducts.get($key)</li>
#end

#foreach( $customer in $customerList )
<tr><td>$velocityCount</td><td>$customer.Name</td></tr>
#end