https://github.com/zengming00/node-pagesplit
a page spliter, like ThinkPHP Page.class
https://github.com/zengming00/node-pagesplit
Last synced: 9 months ago
JSON representation
a page spliter, like ThinkPHP Page.class
- Host: GitHub
- URL: https://github.com/zengming00/node-pagesplit
- Owner: zengming00
- License: mit
- Created: 2017-02-08T13:16:36.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-29T08:54:15.000Z (over 9 years ago)
- Last Synced: 2025-04-04T05:43:31.823Z (about 1 year ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# node-pagesplit
a page spliter, like ThinkPHP Page.class
# demo (express)
/demo/test.js
```javascript
router.get('/page', function (req, res) {
var totalRows = 51; //模拟从数据库中查询得到的总记录数
var listRows = 10; //每页显示的数量
var pg = new Page(req, totalRows, listRows);
//得到相应的查询参数，实现分页功能
var sql = "select * from db limit " + pg.firstRow + "," + pg.listRows + ";";
var data = sql + "
" + pg.show();//前端分页代码
res.send(data);
});
```
# demo (http)
```javascript
var http = require('http');
var url = require('url');
var querystring = require('querystring');
var Page = require('pagesplit');
http.createServer(function (req,res) {
if(req.url == '/favicon.ico'){
return res.end();
}
res.setHeader('Content-Type', 'text/html');
//添加两个express才有的属性
let u = url.parse(req.url);
req.originalUrl = u.pathname;
req.query = querystring.parse(u.query);
var totalRows = 51; //模拟从数据库中查询得到的总记录数
var listRows = 10; //每页显示的数量
var pg = new Page(req, totalRows, listRows);
//得到相应的查询参数，实现分页功能
var sql = "select * from db limit " + pg.firstRow + "," + pg.listRows + ";";
var data = sql + "
" + pg.show();//前端分页代码
res.end(data);
}).listen(3000);
console.log('localhost:3000');
```
# 转为bootstrap风格
```html
<%- page %>
//将后台产生的分页代码转成bootstrap风格显示
var page = $('.page');
page.addClass('btn-group pull-right');
page.children('a').addClass('btn btn-default btn-sm');
page.find('.current').addClass('btn btn-primary btn-sm');
$('#page').show(); // 等添加完属性转为bootstrap风格后再显示
```