artTemplate的常用方法

2021-09-06 15:52:24 字數 983 閱讀 9110

官網:

1. arttemplate 簡潔語法模板

(1)引入外掛程式:

(2)編寫模板:

(3)渲染資料:

var data = ;

var html = template('test', data);

document.getelementbyid('content').innerhtml = html;

(4)簡潔語法:

}}}

}. }

}}

2. arttemplate 原生 js 模板語法版

(1)使用

在頁面中引用模板引擎:

(2)表示式

<% 與 %> 符號包裹起來的語句則為模板的邏輯表示式。

(3)輸出表示式

對內容編碼輸出:

<%=content%>

不編碼輸出:

<%=#content%>

編碼可以防止資料中含有 html 字串,避免引起 xss 攻擊。

(4)邏輯

支援使用 js 原生語法:

注意:模板不能訪問全域性物件。

用於嵌入子模板:

<% include('template_name') %>

子模板預設共享當前資料,亦可以指定資料:

<% include('template_name', news_list) %>

(5)輔助方法(解決模板不能訪問全域性物件的問題)

使用 template.helper(name, callback) 註冊公用輔助方法,例如乙個訪問全域性變數jquery的方法:

template.helper('getjquery', function () );

模板中使用的方式:

<% getjquery(); %>

artTemplate的使用總結

使用原生語法,需要匯入template native.js檔案。在html中定義模板,注意模板的位置,不要放到被渲染區域,防止模板丟失。渲染資料到頁面 main panel html template main panel big sale template data 使用簡潔語法,匯入templa...

arttemplate與webpack的應用

模板渲染使用arttemplate,使用方法如下 普通使用 普通使用把渲染模板寫在標籤裡面,引入arttemplate.js,從服務端接收資料 陣列與物件的形式 然後呼叫arttemplate提供的方法渲染。例如,可以直接呼叫template 方法 需要獲取html標籤的id 或者使用complie...

artTemplate的使用總結

2.現在是編寫乙個存放html標籤的編寫模板,使用裝載,裡面的id是你到時候將確認將資料傳給誰的繫結,詳情請看下面 原聲語法就這種 if potics 相當於就是把你所要用的原聲js拿 包起來而已 3.然後就是渲染模板,下放 只是模仿的資料,如果小夥伴的資料是從後台獲取上來就把你從ajax獲取的da...