表格与数据或仅猫鼬的分页

时间:2015-09-16 15:34:05

标签: node.js mongoose pagination datatables html-table

我试图为一张包含mongoose数据的表格制作分页系统。 其实我知道怎么做,但我想知道哪种方法最好:

方法1:仅使用mongoose

var perPage = 15
, page = req.param('page') > 0 ? req.param('page') -1 : 0
res.locals.createPagination = function (pages, page) {
    var url = require('url')
    , qs = require('querystring')
    , params = qs.parse(url.parse(req.url).query)
    , str = ''

    params.page = 1
    for (var p = 1; p < pages + 1; p++) {
        params.page = p
        clas = page+1 == p ? "active" : "no"
        str += '<li class="'+clas+'"><a href="?'+qs.stringify(params)+'">'+ p +'</a></li>'
    }
    return str
}
        Vente.find({})
        .populate({ path: 'user_id', select: 'username server -_id'})
        .limit(perPage)
        .skip(perPage * page)
        .sort({created_at: 'desc'})
        .exec(function(err, ventes){
            Vente.count({}, function(err, count){
                res.render('index', {
                    page: page,
                    pages: count / perPage,
                    user: req.user,
                    items: ventes,
                });
            });
        });
})

在我的玉文件中我有这个:

if (pages > 1)
    ul.pagination
      != createPagination(pages, page)

效果很好,我只向玉文件发送了15个元素。

方法2:使用数据表 在我的.jade文件中,我只需添加:

script(type="text/javascript")
   $(document).ready(function() {
   $("#tab").dataTable();
   });
script(type="text/javascript",src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js")

但我必须向我的.jade发送所有元素

所以我的问题是:第一种方法更好吗?第二种方法是让用户更快地搜索,并且分页不需要刷新页面。

感谢。

1 个答案:

答案 0 :(得分:1)

DataTable非常酷(我个人使用它)。幸运的是,Datatable有一种加载内容服务器端的方法,很酷,因为你可以免费获得很多东西。可能只是改变了返回数据的方式。

方法2,加载所有内容,从长远来看不会起作用,需要加载太多数据。

方法1,没关系,但我会选择两者的混合。 DataTable服务器端,如上所述。