NodeJS博客实战14_后台管理注册用户分页原理和实现

小灰灰 2022-05-28 07:46 160阅读 0赞

源码地址：https://github.com/RidingACodeToStray/Nodejs\_blog

主要功能点：

1）数据库的分页查询

2）前台分页传参

3）后端分页数据返回

4）页头和页尾的分页处理

实现思路：

前端点击上一页或者下一页的时候将下一页的page信息传到后台，前提是前端的page为当前页信息，因此需要后台将page返回；

后台获取前端传过来的page信息req.query.page默认page为1，现在使用数据库模型的count方法查询总条数返回前端，计算出总页数pages，并设置每页长度limit；

后端根据page信息计算出查询需要忽略的当前页前条数skip并忽略掉；

前端模板接受当前页page，总页数pages，总条数count，每页条数limit信息展示出来；

将分页代码分离成模板，便于其他页面重复利用，使用模板的include方法引入。

1.前端分页模板

在views/admin新建page.html作为分页模板，写好对应参数

<div class="a-page">
    		<span><a href="/admin/user?page={
       {page-1}}">上一页</a></span>
    		<span class="a-pageInfo">
    			当前第{
       {page}}页，每页{
       {limit}}条，共{
       {pages}}页{
       {count}}条数据
    		</span>
    		<span><a href="/admin/user?page={
       {page+1}}">下一页</a></span>
    	</div>

在views/admin/user\_index.html引入分页模板

{% include 'page.html' %}

2.后端数据处理

查询数据库总条数count，根据总条数计算总页数pages，验证当前页数page和当前页应忽略的条数

views/routers/admin.js

//用户管理
    
    router.get('/user',function(req,res){
    	//limit()限制获取的用户条数
    	//skip()忽略数据的查询
    	var page = Number(req.query.page) || 1;
    	var limit = 2;
    	var pages = 0;
    	User.count().then(function(count){
    		//计算总页数向上取整
    		pages = Math.ceil(count / limit);
    		//page取值不能超过pages，去总页数和page中的最小值
    		page = Math.min(page,pages);
    		//page取值不能小于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
    			});
    		});	
    	})
    
    	
    })

![20180401172851644][]

[20180401172851644]: /images/20220528/dea8030e516f4db4b1a39e759fd9fd45.png