nodejs基础教程-简单blog（9）--分页

效果图：



分析一下这个效果图，结合以前的教程我们知道。导航栏是继承“layout.html” table表格是“user_index.html”,而分页的按钮就是我们本节课的内容。将之封装在‘page.htnl’中；



首先 新建文件views/admin/page.html

<nav aria-label="...">
<ul class="pager">
<li class="previous">
<a href="/admin/user?page={{page-1}}"><span aria-hidden="true">←</span> 上一页</a>
</li>
<li>一共{{count}}条数据，每页显示{{limit}}条数据，一共{{pages}}页，当前第{{page}}页。</li>
<li class="next">
<a href="/admin/user?page={{page+1}}"> 下一页 <span aria-hidden="true">→</span></a>
</li>
</ul>
</nav>

在routers/admin.js中将代码改为；

var express=require('express')
var router=express.Router();
var User=require('../models/User')
router.use(function (req,res,next) {
// console.log("admin",req.userInfo.isAdmin,req.userInfo)
if(!req.userInfo.isAdmin){
res.send("对不起，只有管理员才可以进入后台管理")
return
}
next()

})
/**
* 首页
*/
router.get('/',function (req,res,next) {
res.render('admin/index',{userInfo:req.userInfo})
});
/**
* 用户管理
*/
router.get('/user',function (req,res,next) {
/**
*     分页
*     limit(Number):限制获取的数据条数
*     skip(Number):忽略数据的条数
*
*     每页显示两条数据,假设每页限制显示2条数据；
*     第1页：1-2 skip（0）忽略0条；
*     第2页：3-4 skip（2）忽略第一页的2条数据；
*     第3页：3-4 skip（4）忽略前两页的4条数据；
*     忽略数=（当前页-1）*limit 实现分页；
*/
var page=Number(req.query.page)||1 //当前页,前端用户通过get传递过来的页数，或没有传递时默认当前页数为1；
var limit=2//每页显示的条数；
//获取总条数；
User.count().then(function (count) {
//计算总页数；
var pages=Math.ceil(count/limit)
//当前页不能大于总页数；
page=Math.min(page,pages)
//当前页不能小于1
page=Math.max(page,1)
var skip=(page-1)*limit;//忽略数
/**
*     从数据库中读取所有的用户数据
* */
User.find().limit(limit).skip(skip).then(function (users) {
// console.log(users)
res.render('admin/user_index',{
userInfo:req.userInfo,
users:users,
page:page,
count:count,
pages:pages,
limit:limit,
})
})

})

});

module.exports=router;

知识点：

模板引擎swig ：

{%include 'page.html'%}

意思是page.html被当做是一个模板被引入到user_index.html中。且page.html中的参数能够使用的是user_index.html的上下文（page，count,pages,limit,），以后所有需要引用分页page.html文件的都必须有（page，count,pages,limit,）；

include 和extends的区别：当前user_index.html继承了layout.html。且引入了page.html;

在swig中 extends我们可以在layout.html模板页面里面定义很多block，而子页面user_index.html可以有选择性的实现。

而include 是包含一个模板到当前位置，这个模板将使用当前上下文

操作mongoose

1，User.find() ：从数据库中读取所有的用户数据

2，limit(Number):全部结果数量并只提取部分结果

3，skip(Number):忽略数据的条数

4，User.count()：读取所有的用户数据条数；