koa+ mysql 怎么寫(xiě)分頁(yè)接口給vue，如下圖和代碼

mysql.js

      // 查找所有用戶(hù)
      let findAllUserData = () =>{
        let _sql = `select * from users;`
        return query(_sql)
      }
      
      module.exports ={
      findAllUserData
}

koa

const userModel = require('../lib/mysql.js');

router.get('/findUser',async(ctx,next) => {
    await userModel.findAllUserData()
        .then(result => {
           ctx.body ={
               code: 200,
               msg: '查詢(xún)所有數(shù)據(jù)成功',
               data: result
           }
        });
});

vue

        getData() {
            axios
                .get("http://localhost:3000/findUser")
                .then(response => {
                    console.log(response)
                    this.userData = response.data.data;
                })
                .catch(error => {
                    console.log(error);
                });
        },

回答

編輯回答

法克魷

比如:
// 查找第一頁(yè)的用戶(hù),第一頁(yè)有10個(gè)用戶(hù)(select * from users limit page, number)

  let findAllUserData = () =>{
    let _sql = `select * from users limit 1, 10;`
    return query(_sql)
  }

limit page , number
page : 位置偏移量
number: 返回結(jié)果集(返回幾條記錄)

其中 page 和 number 是vue傳過(guò)來(lái)的, 當(dāng)前端需要第二頁(yè)數(shù)據(jù)的時(shí)候可以傳 page=2&number=10
其實(shí), 如果后端把number固定死也應(yīng)該沒(méi)關(guān)系, 只需要傳page參數(shù)到后端就行

2017年10月13日 05:22