Notes for a front-end developer, esyou.net

0%

使用EXPRESS+MYSQL实现分页效果

在mysql中SQL语句有一个为limit的条件筛选,limit中如果只传递一个值,则表示获取的条数,如果传递两个值则表示从第几条记录到第几条,如下:
limit 10 //这里是需要从数据库读出10条数据
limit 2,10 //这里这是从数据库中第3条数据开始取10条数据

1、使用limit实现分页(此方法不推荐,因为看上去不那么高大上)
不推荐就是因为不高大上,无法显示你是程序猿,因此你可以了解下就可以了!

1
var init_page=1;//默认页码为1
2
var num = 10;//每页要显示的数据量
3
//假如有传递进来的页码,比如2,那么当前的init_page的值则更改为传递进来的值
4
if(req.query.page){
5
 init_page = parseInt(req.query.page);
6
}
7
var start=0;//设置起始数据为第一条
8
if(init_page>1){
9
 start = (init_page-1)*num; //页码减去1,乘以条数就得到分页的起始数了
10
}
11
var sql='select * from user limit'+start+','+num; //这里就获得了第一页的10条数据

这样我们就可以准确的获取到相关的数据了,但是这种方法并不想我吗自己想象的那样高大上,因为这种方法大多是数据库管理人员使用的,如果你是一个队代码质量要求很高的程序猿,那么我推荐使用下面的代码,这种代码不仅能体现出你的逻辑思维,并且使用下面的方法,可以做出很完美的resetfull api。

2、使用limit结合offset
这两个参数结合使用,将会是非常完美的结合啊。所以你以后妈妈再也不用担心你的分页代码了。
完美先来看一个sql

1
select * from user limit 10 offset 0;

这段代码中limit是查询10条数据,offset 0这是设置从第1条开始,如果我们要从第十条开始,则是offset 9
有了offset,我们就能够更好的对数据进行分页啦,如此一来想要利用express+mysql制作一个可以分页,并且可以设置每页数据量的api,那就超级容易了。
下面完美就来实现一个resetfull api,地址如下user?page=1&num=10(其中page就是分页的页码,num则是显示的条数)

1
module.exports = {
2
    //搜索所有job并分页
3
    select: function (req, res, next) {
4
        pool.getConnection(function(err, connection) {
5
          var param = req.query || req.params;
6
          //分页实现
7
          var current_page = 1; //默认为1
8
          var num = 10; //每页条数
9
          if (param.page) {
10
            current_page = parseInt(param.page);
11
          }
12
          if (param.num) {
13
            num = parseInt(param.num);
14
          }
15
          //设置最后一页页码
16
          var last_page = current_page - 1;
17
          //假如目前仅有一页,则最后一页则为1
18
          if (current_page <= 1) {
19
            last_page = 1;
20
          }
21
          //如果需要下一页,则开启
22
          //var next_page = current_page + 1;
23
          var sql = 'select * FROM users limit '+num+' offset '+ (current_page-1)*num
24
            connection.query(sql, function(err, result) {
25
              console.log(result);
26
                jsonWrite(res, result);
27
                // 释放连接
28
                connection.release();
29
            });
30
        });
31
    }
32
}