layui動(dòng)態(tài)模板詳解
動(dòng)態(tài)模板
layuiAdmin 的視圖是一個(gè)“動(dòng)靜結(jié)合”的載體,除了常規(guī)的靜態(tài)模板,你當(dāng)然還可以在視圖中存放動(dòng)態(tài)模板,因此它可謂是焦點(diǎn)中的焦點(diǎn)
定義模板
在視圖文件中,通過下述規(guī)則定義模板:
<script type="text/html" template>
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
<script type="text/html" template>
當(dāng)前 layuiAdmin 的版本是:{{ layui.admin.v }}
路由地址:{{ layui.router().href }}
</script>
<script type="text/html" template lay-url="接口地址">
我叫:{{ d.data.username }}
{{# if(d.data.sex === '男'){ }}
公的
{{# } else { }}
母的
{{# } }}
</script>
模板中的 d 對(duì)應(yīng)的是你接口返回的 json 轉(zhuǎn)化后的一維對(duì)象,如:
{
"code": 0
,"data": {
"username": "賢心"
,"sex": "男"
}
}
模板基礎(chǔ)屬性
動(dòng)態(tài)模板支持以下基礎(chǔ)屬性
lay-url
用于綁定模板的數(shù)據(jù)接口地址,支持動(dòng)態(tài)模板解析,如:
<script type="text/html" template lay-url="https://api.xxx.com?id={{ layui.router().search.id }}">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
lay-type
用于設(shè)定模板的接口請(qǐng)求類型(默認(rèn):get),如:
<script type="text/html" template lay-url="接口地址" lay-type="post">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
lay-data
用于定義接口請(qǐng)求的參數(shù),其值是一個(gè) JavaScript object 對(duì)象,同樣支持動(dòng)態(tài)模板解析,如:
<script type="text/html" template lay-url="接口地址" lay-data="{id: '{{ layui.router().search.id }}', type: 1}">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
layuiAdmin 的視圖是一個(gè)“動(dòng)靜結(jié)合”的載體,除了常規(guī)的靜態(tài)模板,你當(dāng)然還可以在視圖中存放動(dòng)態(tài)模板,因此它可謂是焦點(diǎn)中的焦點(diǎn)
定義模板
在視圖文件中,通過下述規(guī)則定義模板:
<script type="text/html" template>
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
<script type="text/html" template>
當(dāng)前 layuiAdmin 的版本是:{{ layui.admin.v }}
路由地址:{{ layui.router().href }}
</script>
<script type="text/html" template lay-url="接口地址">
我叫:{{ d.data.username }}
{{# if(d.data.sex === '男'){ }}
公的
{{# } else { }}
母的
{{# } }}
</script>
模板中的 d 對(duì)應(yīng)的是你接口返回的 json 轉(zhuǎn)化后的一維對(duì)象,如:
{
"code": 0
,"data": {
"username": "賢心"
,"sex": "男"
}
}
模板基礎(chǔ)屬性
動(dòng)態(tài)模板支持以下基礎(chǔ)屬性
lay-url
用于綁定模板的數(shù)據(jù)接口地址,支持動(dòng)態(tài)模板解析,如:
<script type="text/html" template lay-url="https://api.xxx.com?id={{ layui.router().search.id }}">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
lay-type
用于設(shè)定模板的接口請(qǐng)求類型(默認(rèn):get),如:
<script type="text/html" template lay-url="接口地址" lay-type="post">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>
lay-data
用于定義接口請(qǐng)求的參數(shù),其值是一個(gè) JavaScript object 對(duì)象,同樣支持動(dòng)態(tài)模板解析,如:
<script type="text/html" template lay-url="接口地址" lay-data="{id: '{{ layui.router().search.id }}', type: 1}">
<!-- 動(dòng)態(tài)模板碎片 -->
</script>

浙公網(wǎng)安備 33010602011771號(hào)