首页 > 其他 > 详细

博客项目实战6 数据分页

时间：2020-06-12 20:53:22      阅读：49      评论：0      收藏：0      [点我收藏+]

技术分享图片

 

 

技术分享图片

 

 

const { User } = require(‘../../model/user‘);
const user = require(‘../../model/user‘);
module.exports = async(req, res) => {

    let page = req.query.page || 1;
    // ，每页显示的数据条数
    let pagesize = 1;
    //查询总数
    let count = await User.countDocuments({});
    // 总页数
    let total = Math.ceil(count / pagesize);

    // 页码对应的数据查询开始位置
    let start = (page - 1) * pagesize;

    // console.log(count); 
    let users = await User.find({}).limit(pagesize).skip(start);
    // // 渲染页面
    res.render(‘admin/user‘, {
        users: users
    });
};
 
 
 {{extend ‘./common/layout.html‘}} {{block ‘main‘}} {{include ‘./common/header.html‘}}
<!-- 主体内容 -->
<div class="content">

    {{include ‘./common/aside.html‘}}

    <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="user-edit.html" 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>
                <a href="/admin/user?page=<%= page-1 < 1  ? 1 : 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-block‘ %>">
                        <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}}

 

博客项目实战6 数据分页

原文：https://www.cnblogs.com/ericblog1992/p/13110147.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！