{{extend './common/layout.art'}}{{block 'main'}}<!-- 子模板的相對路徑相對的就是當前文件 因為它是由模板引擎解析的 而不是瀏覽器 -->{{include './common/header.art'}}<!-- 主體內容 --><div class="content">{{include './common/aside.art'}}<div class="main"><!-- 分類標題 --><div class="title"><h4>用戶</h4><span>找到1個用戶</span><a href="/admin/user-edit" class="btn btn-primary new">新增用戶</a></div><!-- /分類標題 --><!-- 內容列表 --><table class="table table-striped table-bordered table-hover custom-table"><thead><tr><th>ID</th><th>用戶名</th><th>郵箱</th><th>角色</th><th>狀態</th><th>操作</th></tr></thead><tbody>{{each users}}<tr><td>{{@$value._id}}</td><td>{{$value.username}}</td><td>{{$value.email}}</td><td>{{$value.role == 'admin' ? '超級管理員': '普通用戶'}}</td><td>{{$value.state == 0 ? '啟用': '禁用'}}</td><td><a href="/admin/user-edit?id={{@$value._id}}" class="glyphicon glyphicon-edit"></a><i class="glyphicon glyphicon-remove" data-toggle="modal" data-target=".confirm-modal"></i></td></tr>{{/each}}</tbody></table><!-- /內容列表 --><!-- 分頁 --><ul class="pagination"><li style="display: <%=page-1 < 1 ? 'none' : 'inline' %>"><a href="/admin/user?page=<%=page-1%>"><span>&laquo;</span></a></li><% for (var i = 1; i <= total; i++) { %><li><a href="/admin/user?page=<%=i %>">{{i}}</a></li><% } %><li style="display: <%= page-0+1 > total ? 'none' : 'inline' %>"><a href="/admin/user?page=<%=page-0+1%>"><span>&raquo;</span></a></li></ul><!-- /分頁 --></div></div><!-- /主體內容 --><!-- 刪除確認彈出框 --><div class="modal fade confirm-modal"><div class="modal-dialog modal-lg"><form class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>&times;</span></button><h4 class="modal-title">請確認</h4></div><div class="modal-body"><p>您確定要刪除這個用戶嗎?</p></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><input type="submit" class="btn btn-primary"></div></form></div></div> {{/block}}

運行結果

總結

以上是生活随笔為你收集整理的前端学习（1411）：多人管理31数据分页2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。