前端學習（1411）：多人管理31數據分頁2

{{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}}

運行結果