${ 变量 }javascript
处于安全角度考虑 ${ 变量 } 会对内容进行转义 $${ 变量 }避免转义html
${ _ } 经常使用于数据源为数组的状况 _ 为对数据源的引用java
${@each} ...{@/each} 循环json
${@if}...{@else if}...{@else}...{@/if}数组
${varname | function }安全
{# 注释内容}框架
自定义函数函数
var json = {ui
links: [htm
{ href: 'http://juicer.name' , alt: 'Juicer'},
{ href: 'http://benben.cc', alt: 'Benben'},
{href: 'http://ued.taobao.com', alt: 'Taobao UED'}
]
};
var tpl = [
'{@each links as item}',
'${item|links_build} <br />',
'{@/each}'
].join(' ');
var links = function(data) {
return '<a href=" ' + data.href + ' " alt=" ' + data.alt + ' ">';
}
juicer.register('links_build', links);
juicer(tpl, json);
html 中的模版 和javascript 有相应的对应关系
/*********************************************/
框架里的 tr 的id <tr id="object_object->id">
在juicer 进行数据绑定
<script type="text/template" id="product_channel_tpl">
<tr id="product_channel_${product_channel.id}">
....
</script>
/********************************************/