傳統的分頁都是由後端輸出 HTML 生成的,使用 AJAX 獲取 JSON 顯示內容時就須要由前端建立分頁。css
Paging 只須要知道當前頁碼和總頁數就能夠快速生成分頁。html
Paging 自帶了一套默認的模板和樣式:
前端
Paging 的使用方法很是簡單:git
<link rel="stylesheet" href="http://static.nimojs.com/umd/alice-paging/1.1.0/index.css"> <script src="http://static.nimojs.com/umd/paging/0.0.1/paging.js"></script> <div id="view"></div> <script> var html = Paging.render({ // 當前頁 currentPage: 2, // 總頁數 pageCount: 10, // 連接前綴 link: '?id=' }) document.getElementById('view').innerHTML = html </script>
預覽效果github
當你須要徹底自定義風格時你能夠經過修改樣式 和 修改模板 徹底控制外觀。ajax
訂閱博客bootstrap
若做者顯示不是Nimo(被轉載了),請訪問Github原文進行討論:https://github.com/nimojs/blog/issues/23後端