基础知识

• 概要

              TurboShop前台页面，采用模板机制制作，一个商城可以拥有很多套模板，通过管理后台能轻松快速给商城“变脸”。前台 模板页面，都存放在 /user_case 下，每套模板，建一个独立目录。所有页面模板，都采用html作为扩展名，方便在Dreamweaver中编辑。因为TurboShop是基于JAVA语 言设计，所以我们采用Velocity作为模板语言，语法简单易懂，性能优秀。

• 模板目录结构

/ 跟目录

 

 

/ Catalog目录

 

 

/ Member目录

 

/ News目录

 

/ Product目录

 

• 模板制作

TurboShop在V1.0设计的时候，就充分在考虑如何为用户提供一种灵活的商城布局方式和灵活的商品展示布局，所以我们特别设计的“商品群组”这个功能，让用户可以非常灵活自由地个性化布局商品展示。下面我们来看看如何在模板中插入一个商品群组展示：

- 商品群组接口名称：getNewProductByPgTitleByCount(groupName,count)
参数：
groupName - 商品群组名称
count - 需要显示的商品数量

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

<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模板语言常用语法介绍

1、声明:#set ($var=XXX)

左边可以是以下的内容
Variable reference
String literal
Property reference
Method reference
Number literal #set ($i=1)
ArrayList #set ($arr=["yt1","t2"])
技持算术运算符


2、Methods

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

3、Formal Reference Notation

用{}把变量名跟字符串分开

如
#set ($user="csy"}
name
返回csyname


4、条件语句

#if( $foo )
<strong>Velocity!</strong>
#end
#if($foo)
#elseif()
#else
#end
当$foo为null或为Boolean对象的false值执行.

5、逻辑运算符:== && || !

6、循环语句#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