使用artTemplate模板引擎渲染複雜資料結構

2022-09-06 18:30:14 字數 1993 閱讀 5320

arttemplate有原生語法和簡潔語法兩種語法,在乙個頁面中簡潔語法與原生語法不能混用,否則會殘生衝突,所以你首先得確定你要用簡潔語法還是原生語法。因此,下面通過arttemplate簡潔語法渲染一種稍微複雜一點的資料結構。***會列舉兩種這樣的資料結構的實現方式。

類似的資料結構是這樣的:

vardata1 =,,,]

}

},

,,,]

}

}

]

};

建立模板

}

}h2>

}

div>

}

script>

}

}h4>

}

script>

上面這種實現渲染的方式也能渲染這種稍微複雜的資料結構。但是。有如下缺點:

1、前端開發人員需要點頭哈腰的改資料結構,改成上面這種資料結構(前提是後端開發人員提供的不是上面這種資料結構)

2、你讓後台改成這樣的資料結構,你有沒有考慮到這段**的時間複雜度和空間複雜度,巢狀迴圈的層數越多,返回到前台的速度就越慢。

資料結構:

varcourse =

},,]

}];

vardata =

varhtml =template("template",data);

$("#course").html(html);

}

}div>

}

}dt>

}

}dd>

}

dl>

}

li>

}

script>

第二種實現方式的優點就是再也不找後台幫忙改資料結構了,提供給前端什麼樣的資料結構,我都能使用這樣的模板渲染資料到頁面上面。

其實,還有第三種實現方式,那就是使用nodejs,哈哈哈,厲害吧,我們可以使用nodejs修改資料結構,改成我們自己想要的資料結構,這次,就永遠不用考慮後台提供什麼樣的資料結構了,哈哈哈,這種方式時不時很厲害。

art template模板引擎高階使用

var express require express var path require path 配置 express art template是express來整合art templatedao的,雖然不用載入art template,但是也必須安裝 這是預設設定,需要設定其他的路徑可以在這設定...

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...