nej jst模板語(yǔ)言標(biāo)簽

馬永翠發(fā)布于2019-08-21 13:44 / 2333人閱讀

摘要：為內(nèi)置變量，值為列表長(zhǎng)度，上例中值為。語(yǔ)法備注循環(huán)時(shí)包含和值范例備注為內(nèi)置變量，值為循環(huán)的索引值。描述遍歷表語(yǔ)法注子語(yǔ)句為可選范例注為內(nèi)置變量，值為當(dāng)前項(xiàng)的鍵值。

復(fù)制到這里一下，方便日后查詢，源地址
如果模板中存在將/換成/

如何使用jst模板

代碼舉例：

    <table class="w-table">
      <thead>
        <tr><th>序號(hào)</th><th>姓名</th><th>性別</th></tr>
      </thead>
      {if !defined("workers")}
      <tr><td colspan="3">數(shù)據(jù)加載失敗，請(qǐng)稍后再試！</td></tr>
      {elseif workers&&workers.length}
        {list workers as x}
          <tr{if x_index==x_length-1} class="last"{/if}>
            <td>${x_index+1}</td>
            <td>${x.name}</td>
            <td>{if x.gender==1}男{else}女{/if}</td>
          </tr>
        {/list}
      {else}
      <tr><td colspan="3">沒(méi)有工人！</td></tr>
      {/if}
    </table>

后續(xù)可以使用_$get接口獲取整合數(shù)據(jù)的結(jié)果

代碼舉例：

NEJ.define([
    "util/template/jst"
],function(_t){
    // 添加模版緩存
    // 也可以用_$parseTemplate接口批量添加
    _t._$add("jst-template-1");

    // 根據(jù)模板ID取模板內(nèi)容
    // 返回整合數(shù)據(jù)后的html代碼
    var _html = _t._$get("jst-template-1",{
        workers:[
            {name:"abc",gender:1},
            {name:"def",gender:1},
            {name:"ghi"}
        ]
    });

    // TODO
});

JST語(yǔ)法 表達(dá)式 ${}

描述：求值表達(dá)式，表達(dá)式中不可以包含 “{”或者“}”

語(yǔ)法：

${expr}

${expr|modifier}

${expr|modifier1|modifier2|...|modifierN}

${expr|modifier1:argExpr1_1}

${expr|modifier1:argExpr1_1,argExpr1_2,...,argExpr1_N}

${expr|modifier1:argExpr1_1|...|modifierN:argExprN_1,argExprN_2,...,argExprN_M}

范例：

${customer.firstName}

${customer.firstName|capitalize}

${customer.firstName|default:"no name"|capitalize}

${article.getCreationDate|default:new Date()|toCalendarControl:"YYYY.MM.DD",true,"creation Date"}

${(lastQuarter.calcRevenue() - fixedCosts) / 10000}

${% %}

描述：求值表達(dá)式，表達(dá)式中可以包含 “{”或者“}”

語(yǔ)法：

${% expr %}

范例：

${% emitLink("Solution and Products", {color: "red", blink: false}) %}

語(yǔ)句 list break

描述：遍歷數(shù)組

語(yǔ)法1：

{list seq as varName}
    ...
{break}
    ...
{/list}

范例1：

{list ["aaa", "bbbb", "ccccc"] as x}
  ${x_index}/${x_length}:${x}

{/list}

備注：
x_index為內(nèi)置變量，值為循環(huán)的索引值。 
x_length為內(nèi)置變量，值為列表長(zhǎng)度， 上例中值為3。

語(yǔ)法2：

{list from..to as varName}
    ...
{/list}

備注：循環(huán)時(shí)包含from和to值

范例2：

{list 2..10 as x}
    ${x_index}/${x_length}:${x}

{/list}

備注：
x_index為內(nèi)置變量，值為循環(huán)的索引值。 
x_length為內(nèi)置變量，值為列表長(zhǎng)度， 上例中值為9。

for forelse

描述：遍歷HASH表

語(yǔ)法：

{for varName in hash}
    ...
{forelse}
    ...
{/for}

注：forelse 子語(yǔ)句為可選

范例：

{for x in {a:"aaa", b:"bbbb", c:"ccccc"}}
    ${x_key} - ${x}

{forelse}
    no pro
{/for}

注：x_key為內(nèi)置變量，值為當(dāng)前項(xiàng)的鍵值。

if elseif else

描述：條件控制語(yǔ)句

語(yǔ)法：

{if expr}
    ...
{elseif expr}
    ...
{else}
    ...
{/if}

注：elseif、else 子語(yǔ)句為可選

范例：

{if gender == 1}
    男
{elseif gender == 0}
    女
{else}
    春哥
{/if}

var

描述：變量定義

語(yǔ)法：

{var varName}

{var varName = expr}

范例：

{var test = "sssssss"}

macro

描述：宏定義

語(yǔ)法：

{macro macroName(arg1, arg2, ... argN)}
    ... body of the macro ...
{/macro}

范例：

{macro htmlList(dataList, optionalListType)}
    {var listType = optionalListType != null ? optionalListType : "ul"}
    <${listType}>
        {for item in dataList}
            ${item}
        {/for}
    
{/macro}

調(diào)用宏：

${htmlList(["首頁(yè)", "日志"，"相冊(cè)", "關(guān)于我"])}

輸出：


    首頁(yè)
    日志
    相冊(cè)
    關(guān)于我

cdata

描述：文本塊，內(nèi)容不做語(yǔ)法解析

語(yǔ)法：

{cdata}
    ...no parsed text ...
{/cdata}

或

{cdata EOF}
    ...no parsed text ...
EOF

范例：

{cdata}
    ${customer.firstName}${customer.lastName}
{/cdata}

或

{cdata END_OF_CDATA_SECTION}
    ${customer.firstName}${customer.lastName}
END_OF_CDATA_SECTION

輸出：

${customer.firstName}${customer.lastName}

minify

描述：壓縮文本內(nèi)容，內(nèi)容不做語(yǔ)法解析

語(yǔ)法：

{minify}
    ...multi-line text which will be stripped of line-breaks...
{/minify}

或

{minify EOF}
    ...multi-line text which will be stripped of line-breaks...
EOF

范例：

{minify}
    no parsed
    text
    and
    merge
    one
    line
{/minify}

或

{minify EOF}
    no parsed
    text
    and
    merge
    one
    line
EOF

輸出：no parsed text and merge one line

eval

描述：執(zhí)行javascript語(yǔ)句，不做語(yǔ)法解析

語(yǔ)法：

{eval}
    ...javascript statement...
{/eval}

或

{eval EOF}
    ...javascript statement...
EOF

范例：

{eval}
    var a = "aaaa";
    alert(a);
    function b(arg){
        alert(arg);
    }
{/eval}

或

{eval EOF}
    var a = "aaaa";
    alert(a);
    function b(arg){
        alert(arg);
    }
EOF

擴(kuò)展 rand

描述：隨機(jī)一個(gè)指定長(zhǎng)度的純數(shù)字的串

語(yǔ)法：

${number_expr|rand}

范例：

${10|rand}

輸出：3456785438

escape

描述：編碼字符串

語(yǔ)法：

${expr|escape}

范例：

${"1234163"|escape}

輸出：

1234163

format

描述：格式化日期

語(yǔ)法：

${data_expr|format:format_expr}

范例：

${new Date()|format:"yyyy-MM-dd HH:mm:ss"}

輸出：2012-06-13 16:30:55

default

描述：指定默認(rèn)值

語(yǔ)法：

${expr|default:default_expr}

范例：

${null|default:"default value"}

輸出：default value

注：當(dāng)expr為undefiend,null,false,0或者空字符串時(shí)取默認(rèn)值

云服務(wù)器 GPU云服務(wù)器模板標(biāo)簽 dede模板標(biāo)簽 asp 模板標(biāo)簽 html 標(biāo)簽頁(yè)模板

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/87749.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

馬永翠

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

畢業(yè)后，他百萬(wàn)年薪，我十萬(wàn)年薪，有時(shí)候選擇比努力更重要

閱讀 684·2021-11-25 09:43
php空間申請(qǐng)

閱讀 2953·2021-11-24 10:20
#雙11# 華納云：美國(guó)/香港云服務(wù)器3折(5M CN2低至24元/月)，中國(guó)香港物理服務(wù)器8折，美

閱讀 1002·2021-10-27 14:18
剛進(jìn)入軟件測(cè)試行業(yè)的新人，這些寶貴經(jīng)驗(yàn)要收好~

閱讀 1076·2021-09-08 09:36
Ubuntu 16.04環(huán)境安裝RabbitMQ消息隊(duì)列工具

閱讀 3382·2021-07-29 14:49
React框架實(shí)現(xiàn)移動(dòng)頁(yè)面翻譯是一種什么體驗(yàn)？

閱讀 1783·2019-08-30 14:07
python大佬養(yǎng)成計(jì)劃----HTML網(wǎng)頁(yè)設(shè)計(jì)（序列）

閱讀 2937·2019-08-29 16:52
個(gè)人總結(jié)（css3新特性）

閱讀 3049·2019-08-29 13:12

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

nej jst模板語(yǔ)言標(biāo)簽

相關(guān)文章

requirejs的插件介紹與制作

Babel 插件原理的理解與深入

NEJ _$$Event類

前端的發(fā)展歷程

【整理】前端國(guó)際化小結(jié)

發(fā)表評(píng)論

0條評(píng)論

馬永翠

男|高級(jí)講師

TA的文章

畢業(yè)后，他百萬(wàn)年薪，我十萬(wàn)年薪，有時(shí)候選擇比努力更重要

php空間申請(qǐng)

#雙11# 華納云：美國(guó)/香港云服務(wù)器3折(5M CN2低至24元/月)，中國(guó)香港物理服務(wù)器8折，美

剛進(jìn)入軟件測(cè)試行業(yè)的新人，這些寶貴經(jīng)驗(yàn)要收好~

Ubuntu 16.04環(huán)境安裝RabbitMQ消息隊(duì)列工具

React框架實(shí)現(xiàn)移動(dòng)頁(yè)面翻譯是一種什么體驗(yàn)？

python大佬養(yǎng)成計(jì)劃----HTML網(wǎng)頁(yè)設(shè)計(jì)（序列）

個(gè)人總結(jié)（css3新特性）

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

nej jst模板語(yǔ)言標(biāo)簽

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！