导读:本篇文章首席CTO笔记来给大家介绍有关django分页怎么调到首页或尾页的相关内容,希望对大家有所帮助,一起来看看吧。
django 如何实现列表分页
列表分页不要想复杂了,本质上来说,分为两部分,界面操作和数据库查询。
数据库查询,仅仅在查询的时候,加入分片,从第几个到第几个就行了
界面操作做好链接就行,这样比你去用django自带的分页方便多了,还更符合你自己的实际需求
Django实现自定义分页
在 views.py 中
在 templates/list_view.html 中
路由映射,在 urls.py 中
Paginator 和 Page 类都是用来做分页的。他们在 Django 中的路径为 django.core.paginator.Paginator 和 django.core.paginator.Page 。以下对这两个类的常用属性和方法做解释:
如何用Django分页器实现文章分页
要全取出来再分页,在取的时候就取你需要的记录数,如:一页显示10个,那么就取10个,
datatables的Bootstrap样式的分页怎么添加首页和尾页
自己解决了下 找到dataTables.bootstrap.js(版本3)
注:此处修改为原始代码
JavaScript code
/* Jion 修改增加 首页、末页 注意修改*/
/* Set the defaults for DataTables initialisation */
$.extend( true, $.fn.dataTable.defaults, {
"sDom": "'row''col-xs-6'l'col-xs-6'frt'row''col-xs-6'i'col-xs-6'p",
"sPaginationType": "bootstrap",
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
}
} );
/* Default class modification */
$.extend( $.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline",
"sFilterInput": "form-control input-sm",
"sLengthSelect": "form-control input-sm"
} );
/* API method to get paging information */
$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
{
return {
"iStart": oSettings._iDisplayStart,
"iEnd": oSettings.fnDisplayEnd(),
"iLength": oSettings._iDisplayLength,
"iTotal": oSettings.fnRecordsTotal(),
"iFilteredTotal": oSettings.fnRecordsDisplay(),
"iPage": oSettings._iDisplayLength === -1 ?
0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
"iTotalPages": oSettings._iDisplayLength === -1 ?
0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
};
};
/* Bootstrap style pagination control */
$.extend( $.fn.dataTableExt.oPagination, {
"bootstrap": {
"fnInit": function( oSettings, nPaging, fnDraw ) {
var oLang = oSettings.oLanguage.oPaginate;
var fnClickHandler = function ( e ) {
e.preventDefault();
if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
fnDraw( oSettings );
}
};
$(nPaging).append(
'ul class="pagination"'+
'li class="first disabled"a href="#"'+oLang.sFirst+'/a/li'+//此处添加
'li class="prev disabled"a href="#"'+oLang.sPrevious+'/a/li'+
'li class="next disabled"a href="#"'+oLang.sNext+'/a/li'+
'li class="last disabled"a href="#"'+oLang.sLast+'/a/li'+//此处添加
'/ul'
);
var els = $('a', nPaging);
$(els[0]).bind( 'click.DT', { action: "first" }, fnClickHandler );//此处添加
$(els[1]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
$(els[2]).bind( 'click.DT', { action: "next" }, fnClickHandler );
$(els[3]).bind( 'click.DT', { action: "last" }, fnClickHandler );//此处添加
},
"fnUpdate": function ( oSettings, fnDraw ) {
var iListLength = 5;
var oPaging = oSettings.oInstance.fnPagingInfo();
var an = oSettings.aanFeatures.p;
var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
if ( oPaging.iTotalPages iListLength) {
iStart = 1;
iEnd = oPaging.iTotalPages;
}
else if ( oPaging.iPage = iHalf ) {
iStart = 1;
iEnd = iListLength;
} else if ( oPaging.iPage = (oPaging.iTotalPages-iHalf) ) {
iStart = oPaging.iTotalPages - iListLength + 1;
iEnd = oPaging.iTotalPages;
} else {
iStart = oPaging.iPage - iHalf + 1;
iEnd = iStart + iListLength - 1;
}
for ( i=0, ien=an.length ; iien ; i++ ) {
// Remove the middle elements
$('li:gt(1)', an[i]).filter(':lt(-2)').remove();//此处修改 $('li:gt(0)', an[i]).filter(':not(:last)').remove();
// Add the new list items and their event handlers
for ( j=iStart ; j=iEnd ; j++ ) {
sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
$('li '+sClass+'a href="#"'+j+'/a/li')
.insertBefore( $('li:eq(-2)', an[i])[0] )//此处修改 .insertBefore( $('li:last', an[i])[0] )
.bind('click', function (e) {
e.preventDefault();
oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
fnDraw( oSettings );
} );
}
// Add / remove disabled classes from the static elements
if ( oPaging.iPage === 0 ) {
$('li:lt(2)', an[i]).addClass('disabled'); //此处修改 $('li:first', an[i]).addClass('disabled');
} else {
$('li:lt(2)', an[i]).removeClass('disabled'); //此处修改$('li:first', an[i]).removeClass('disabled');
}
if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
$('li:gt(-3)', an[i]).addClass('disabled'); //此处修改$('li:last', an[i]).addClass('disabled');
} else {
$('li:gt(-3)', an[i]).removeClass('disabled'); //此处修改$('li:last', an[i]).removeClass('disabled');
}
}
}
}
} );
/*
* TableTools Bootstrap compatibility
* Required TableTools 2.1+
*/
if ( $.fn.DataTable.TableTools ) {
// Set the classes that TableTools uses to something suitable for Bootstrap
$.extend( true, $.fn.DataTable.TableTools.classes, {
"container": "DTTT btn-group",
"buttons": {
"normal": "btn btn-default",
"disabled": "disabled"
},
"collection": {
"container": "DTTT_dropdown dropdown-menu",
"buttons": {
"normal": "",
"disabled": "disabled"
}
},
"print": {
"info": "DTTT_print_info modal"
},
"select": {
"row": "active"
}
} );
// Have the collection use a bootstrap compatible dropdown
$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
"collection": {
"container": "ul",
"button": "li",
"liner": "a"
}
} );
}
效果图:
django paginat 怎么后端分页
这个东西的升级:1、你要对整个后端的代码非常熟悉,用到那些Django特性一清二楚。2、官方有upgradeguide之类的文档,根据所用特性照着改就行了。
laravel怎么改造分页类,给他加上首页和尾页
这个简单,你直接在模板上搞个 首页链接,和尾页链接就好了。
还有一个方案是,你用paginate(15) 返回数据,你会发现 这个数据会有每个页面的数据,当前页数,总页数,你根据这些数据来写html代码,就可以了
结语:以上就是首席CTO笔记为大家整理的关于django分页怎么调到首页或尾页的全部内容了,感谢您花时间阅读本站内容,希望对您有所帮助,更多关于django分页怎么调到首页或尾页的相关内容别忘了在本站进行查找喔。