模板引擎和分頁結構外掛的使用方法

1. 引入外掛

　　<script src=" js/art-template/template-web.js"></script>

　　<script src="js/twbs-pagination/jquery.twbsPagination.js"></script>

2. 建立模板

/*web.js 既支援原生語法,也支援簡潔語法*/

　　<script type="text.template id="tpl">

　　　　遍歷物件

　　　　{{each aa as value index}}

　　　　　　<li>{{value.name}}</li>

　　　　{{/each}}

　　</script>

　3.獲取資料

　　 <script>

　　　　/*傳送ajax請求,得到資料*/

　　　　$.ajax({

　　　　　　type: get,

　　　　　　url: get.php

　　　　　　data:{id: id}

　　　　　　success: function(res){

　　　　　　　　if(res.code== 1){

　　　　　　　　　　var data = res.data;

　　　　　　　　　　　　/*res 是獲得資料物件, data是物件力的陣列

　　　　　　　　　　　　1. template("tpl", res)  } ;    {{each data value}}  res是物件, 可以直接遍歷裡面的陣列

　　　　　　　　　　　　2. template("tpl",{aa: res.data}});  {{each aa value}} 給陣列命名, 陣列變成物件,可以直接遍歷aa

　　　　　　　　　　　　3. template("tpl", res.data) ;   {{each $data as value}}  res.data是陣列, 不能直接遍歷, $data是固定寫法*/

　　　　　　　　　　var html = template("tpl", {aa: res.data});

　　　　　　　　　　document.querySelector("ul").innerHTML = html;

　　　　　　　　　　4.分頁結構外掛的使用. 呼叫 twbsPagination() 方法

　　　　　　　　　　　　方法裡面傳三個引數：總頁數, 可見頁數, 頁面點選事件: 獲得當前頁面

　　　　　　　　　　$(".pagination").twbsPagination(

　　　　　　　　　　　　totalPages: 100,

　　　　　　　　　　　　visiblePages: 5,　　

　　　　　　　　　　　　onPageClick: function(event, page){

　　　　　　　　　　　　　　currentPage = page;

　　　　　　　　　　　　}

　　　　　　　　　　);

　　　　　　　　}

　　　　　　}

　　　　})

　　</script>