微信小程序表格前后台分页

微信小程序前台分页（样式可以根据自己实际需要调整）

直接上代码，这个其实也可以调整为后台分页,但是后面会写一个后台分页的例子，根据实际需要选择吧
数据是写在data中没有调用url获取，实际可以修改

1、index.js

// pages/tablePage/index.js
Page({

    /**
     * 页面的初始数据
     */
    
data: {
    frontPage: false,//上一页 存在true，不存在false
    nextPage: false,//下一页 存在true，不存在false
    pages: 0,//所有页
    thisPages: 0,//当前页
    rows: 6,//每页条数
    total: 0,//总条数
    pageData: [],//本页显示的列表数据
    prizeListItem:[
      {name: "测试1", gift:"12"}, 
      {name: "测试2", gift:"34"}, 
      {name: "测试3",  gift:"43"}, 
      {name: "测试4", gift:"21"}, 
      {name: "测试5",  gift:"32"}, 
      {name: "测试6",  gift:"32"}, 
      {name: "测试7",  gift:"12"}, 
      {name: "测试8",  gift:"32"},
      {name: "测试9",  gift:"32"}, 
      {name: "测试10",  gift:"44"}, 
      {name: "测试11", gift:"231"}, 
      {name: "测试12",  gift:"233"}, 
      {name: "测试13",  gift:"233"}
    ],
    myPrize: false,
    tab1: '',
    tab2: 'selected',
  },


   /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    this.setList();
  },
  // 初始化列表分页
  setList() {
    let that = this;
    let thisPages = that.data.thisPages;
    let rows = that.data.rows;
    let prizeListItem = that.data.prizeListItem;
    let pageData = that.data.pageData;
    let pages = that.data.pages;
    if (pageData !== []){
      pageData = prizeListItem.filter(function (item, index, prizeListItem) {
        //元素值，元素的索引，原数组。
        return index >= rows*thisPages && index <= rows*(thisPages+1)-1;  //初始为0，0 < index < 6-1
      });
      let x = 0;
      let y = prizeListItem.length;
      if ( y%rows !== 0){
        x = 1
      };
      pages = parseInt(y/rows) + x; //所有页
      thisPages = thisPages +1; //当前页
      if ( pages > 1){
        that.setData({
          nextPage: true,
        })
      }
      that.setData({
        thisPages: thisPages,
        pageData: pageData,
        pages: pages,
        rows: rows,
      })
    }
  },
//点击下一页
clickNext() {
    let that = this;
    let thisPages = that.data.thisPages;
    let prizeListItem = that.data.prizeListItem;
    let pageData = that.data.pageData;
    let pages = that.data.pages;
    let rows = that.data.rows;
    pageData = prizeListItem.filter(function (item, index, prizeListItem) {
      //元素值，元素的索引，原数组。
      return index >= rows*thisPages && index <= rows*(thisPages+1)-1;  
    });
    thisPages = thisPages + 1;
    if ( pages === thisPages){
      that.setData({
        nextPage: false,
      })
    }
    that.setData({
      thisPages: thisPages,
      pageData: pageData,
      frontPage: true,
    })
  },
//点击上一页
clickFront() {
    let that = this;
    let thisPages = that.data.thisPages;
    let prizeListItem = that.data.prizeListItem;
    let pageData = that.data.pageData;
    let rows = that.data.rows;
    pageData = prizeListItem.filter(function (ite