art-template 模板引擎(服务器端)

art-template 模板引擎

• template 方法是用来拼接字符串的
• template()参数一 模板路径 绝对路径
• template()参数二 要在模板中显示的数据 对象类型

//js代码
const views=path.join(__dirname,'views','index.art');
const html=template(views,{
   
    name:'张狗蛋',
    age:22
});

// 模板语法
{
   {
   name}}
{
   {
   age}}

1.模板语法

art-template同时支持两中模板语法：标准语法和原始语法
标准语法可以让模板更容易读写,原始语法具有强大的逻辑处理能力.

• 标准语法:{ {数据}}

• 原始语法:<%=数据 %>

  1.1 输出

  • 将某项数据输出在模板中,变种语法和原始语法如下:
  • 标准语法:{ {数据}}
  • 原始语法:<%=数据%>

  <!-- 标准语法 -->
  <h2>{
       {
       value}}</h2>
  <h2>{
       {
       a ? b :c}}</h2>
  <h2>{
       {
       a + b}}</h2>
  <h2>{
       {
       @a + b}}</h2>
  <!-- 原始语法 -->
  <h2><%=value %></h2>
  <h2><%=a ? b :c%></h2>
  <h2><%=a + b %></h2>
  <h2><%=a + b %></h2>
  

  1.原文输出

  如果数据中携带HTML标签,默认模板引擎不回解析标签,会将其转移后输出

  • 标准语法:{ {@数据}}
  • 原始语法:<% -数据%>

1.2 条件判断

在模板中可以根据条件来决定显示哪块HTML代码

    // 标准语法
   // {
   {if 条件}}...{
   {/if}}
    //{
   {if vl}}...{
   {else if v2}}...{
   {/if}}

     {
   {
   if age>18}}
        年龄大于18
    {
   {
   else if age<15 }}
        年龄小于15
    {
   {
   else}}
        年龄不符合要求