模板引擎art template的基本使用

//資料**

const template =

require
('art-template');
const path =
require
('path');
const views = path.
join
(__dirname,
'views'
,'02.art');
const html =
template
(views,
)console.
log(html)
;

1.標準語法

}<

/p>
//使用大括號的方式輸出資料
}<
/p>
//在括號內可以實現基本運算
}<
/p>
//在括號內可以實現三目運算
}//如果要引入包含html標籤的資料 標準語法必須在中括號前加上@

<

%=name%
>
<
/p>
<%=1
+1==2
?'相等'
:'不相等'
%>
<
/p>
<
%- content%
>
<
/p>
//要引入包含html標籤的資料，就要把=號換成-

1.標準語法

} 年齡大於18
}年齡小於15
}年齡不符合要求
}2.原始語法
//其實就是先用<%%>把整個判斷語句包含起來 然後if()else if()else
<%if
(age>18)
else
if(age<15)
else
%>

//資料**

const template =

require
('art-template');
const path =
require
('path');
const views = path.
join
(__dirname,
'views'
,'03.art');
const html =
template
(views,,,
]});
console.
log(html)
;

}//users 就是被迴圈的資料
}<
/li>
//value就是迴圈得出的資料
}<
/li>
}<
/li>
}<
/ul>

//跟if語句的原始語法一樣 其實也是把整個for迴圈語句用<%%>包含起來 然後for() 裡面js的for怎麼寫 這裡還是怎麼寫
<
%for
(var i=
0;i>
<
/ul>

1.標準語法

}}<
/div>
}

<

%include
('./common/header.art')%
>
<
%=msg%
>
<
/div>
<
%include
('./common/footer.art')%
>

art template模板引擎

1.模板語法 2.輸出 將某項資料輸出在模板中 3.原文輸出 如果資料中攜帶html標籤，預設模板引擎不會解析標籤，會將其轉義後輸出 4.條件判斷 在模板中可以根據條件來決定顯示哪塊html 5.迴圈 6.子模版 使用子模版可以將 公共區塊 頭部 底部 抽離到單獨的檔案中 7.模板繼承 使用模板繼承...

artTemplate模板引擎

使用乙個type text html 的script標籤存放模板 模板邏輯語法開始與結束的界定符號為 與 若 後面緊跟 號則輸出變數內容。template.render id,data var data var html template.render test data document.gete...

ArtTemplate模板引擎入門

天下武功，唯快不破 對的，arttemplate模板引擎最大的特點就是乙個 快 字，但是這套模板引擎官方github上的文件相當地精簡，雖然有完整的demo，但是說真的，也不知道是不是我智商不夠用，研究了一下午才把這套模板引擎應用到了我的web專案裡。id art container div id ...