ThinkJS项目添加页面分页功能

刚开始写后台的时候都是自己一个代码一个代码的撸出一个分页器出来，直到发现EJS引擎功能太过于简单，不得不把模板全部转成使用Unujucks的时候蒙逼了，因为忽然间不知道该怎样下手写分页器，还好有大神帮忙，直接推荐了一款thinkjs扩展插件，今天和大家分享下。

使用方法

安装

npm install think-pagination

使用

首先在控制器中引用插件，实例代码如下：

'use strict';

import Base from './base.js';
import pagination from 'think-pagination';//引入功能插件

export default class extends Base {
  async __before(){
    this.userInfo = await this.session('userInfo');
    if(this.userInfo){
      this.assign('user', this.userInfo);
      return Promise.resolve();
    }

xx包裹住的一行代码便是需要我们添加的代码，然后：

let taolist = await model.where(container).page(page,num).countSelect();//获取数据
let html = pagination(taolist, this.http, {});//实例化
this.assign('pagination', html);//传入数据

最后在模板代码中添加下面代码即可

<nav class="pageNav">
  {{pagination | safe}}//需要添加的代码
</nav>

大功告成。查看官方文档

下载地址

think-pagination

查看更多文章请点击进入我的个人博客