jqPaginator结合express实现分页展示内容效果第1/2页

写在前面的话

分页展示内容也是我们在页面开发中经常会遇到的需求
前端页面利用jqPaginator这个jquery插件来编写
后端利用mysql存储数据

开始敲代码

回顾sql知识

首先让我们回顾一下sql语句，我们只想查询出数据表里的某几条用limit实现

select * from 表名 limit [offset,] rows

其中，limit后面可以跟两个参数，也可以跟一个参数。
跟一个参数表示rows，相当于offset=0,从数据表中的第一条记录开始查询出rows条数据。
跟两个参数的话，第一个是从0开始的偏移量，第二个参数表示想查询出来的记录数。

利用jqPaginator这个优秀的jquery分页插件编写一个分页条

注意：这个分页是基于bootstrap3.1.1写出来的

这里我们可以方便的把分页按钮写出来

后台代码

router.get('/pages', function (req, res, next) {
  // res.json({"name": 123});
  var page = req.query.page;
  var page = (--page)*5;
  var connection = mysql.createConnection({
    host: '127.0.0.1',
    port: 3306,
    user: 'root',
    password: 'root',
    database: 'vr02'
  });
  connection.connect(function(err) {
    if (err) {
      throw err;
    }
    console.log('连接数据库成功');
  });
  connection.query('select * from user limit ?, 5',
            
   
   
   
   

    
    
    
    1
    2
    下一页
    阅读全文
   
   
   
   
            

   
   
   
   


    
    
    
    

   
   
   
   
        

• jqPaginator
• express
• 分页

相关文章

• 

  jQuery实现单击和鼠标感应事件

  这篇文章主要介绍了jQuery实现单击和鼠标感应事件的方法的相关资料,需要的朋友可以参考下

  2015-02-02
• 

  Jquery之Bind方法参数传递与接收的三种方法

  这篇文章主要介绍了Jquery的Bind方法参数传递与接收的三种方法,需要的朋友可以参考下

  2014-06-06
• 

  jquery实现动态操作select选中

  文章主要向大家介绍了jQuery 根据值或者文本选中select的方法和示例，非常实用的功能,需要的朋友可以参考下

  2015-02-02
• 

  基于jQuery的简单的列表导航菜单

  最近一段时间准备开始学习JQUERY,感觉JQUERY的功能非常强大,而且代码量也减少了许多....代码也非常的清晰!

  2011-03-03
• 

  jQuery判断是否存在滚动条的简单方法

  下面小编就为大家带来一篇jQuery判断是否存在滚动条的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  2016-09-09
• 

  jquery操作ID带有变量的节点实例

  下面小编就为大家带来一篇jquery操作ID带有变量的节点实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  2016-12-12
• 

  jQuery实现隔行变色的方法分析(对比原生JS)

  这篇文章主要介绍了jQuery实现隔行变色的方法,结合实例形式对比原生JS实现隔行变色的相关技巧,给出了2种jQuery实现隔行变色的方法,需要的朋友可以参考下

  2016-11-11
• 

  jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

  这篇文章主要介绍了jQuery实现点击自身以外区域关闭弹出层功能,结合具体实例形式分析了jQuery事件响应及页面元素属性动态操作实现弹出层打开与关闭相关操作技巧,需要的朋友可以参考下

  2018-07-07
• 

  在jQuery中 常用的选择器介绍

  本篇文章小编将为大家介绍，jQuery中常用的选择器。需要的朋友可以参考一下

  2013-04-04
• 

  jQuery 跨域访问问题解决方法

  浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题.

  2009-12-12

最新评论