现在想在前台页面用bootstrap实现分页功能,但是bootstrap用的不熟练,大神们有没有bootstrap分页功能实现的代码或者是给我指导指导,拜托了!
使用datatables进行分页。相关的示例在其官网有。https://datatables.net/extensions/responsive/examples/styling/bootstrap.html
bootstrap table 有自己的分页
是要在前端页面用js分页吗,我在一个项目中做过一个分页的,你看看,最底下有一个分页功能,要的话留言联系我。上面那个链接把后面子包括了,尴尬,所以重新回答一下:
http://1.wallwoyou.applinzi.com/flower.html
可以,不过我的有关后台部分。我给部分核心代码吧.如果要详细的,再发个邮箱给我。js:
//分页函数
$(function(){
loadProductByPage(1);
});
function loadProductByPage(pagerNum) {
$.ajax({
type: 'GET',
url: 'data/flowerlist.php?pageNum='+pagerNum,
success: function(pager) {
var html = "";
$.each(pager.data, function(i, product) {
html+=`<div class="col-xs-12 col-sm-6 col-md-3" >
<div class="flist text-center">
<div class="cover"></div>
<div class="fimg text-center">
<a href="#"><img src="${product.furl}" class="img-responsive"></a>
</div>
<div class="fname">${product.fname}</div>
<div class="ftext">${product.ftext}</div>
<div class="fprice">¥${product.fprice}</div>
</div>
</div>`;
});
php代码:
<?php
header('Content-Type:application/json;charset=utf-8');
$pageNum=$_REQUEST['pageNum'];
$pager=[
'recordCount'=>0,
'pageSize'=>12,
'pageCount'=>0,
'pageNum'=>intval($pageNum),
'data'=>null
];
include('config.php');
$conn=mysqli_connect($db_url,$db_user,$db_pwd,$db_name,$db_port);
$sql="SET NAMES UTF8";
mysqli_query($conn,$sql);
$sql="SELECT COUNT(*) FROM dlh_flower";
$result=mysqli_query($conn,$sql);
$row=mysqli_fetch_assoc($result);
$pager['recordCount']=intval($row['COUNT(*)']);
$pager['pageCount']=ceil(($pager['recordCount'])/($pager['pageSize']));
//sql3获取当前页中的数据
$start=($pager['pageNum']-1)*$pager['pageSize'];
$count=$pager['pageSize'];
$sql="SELECT * FROM dlh_flower LIMIT $start,$count";
$result=mysqli_query($conn,$sql);
$pager['data']=mysqli_fetch_all($result,MYSQLI_ASSOC);
echo json_encode($pager);
或者你把你要做的部分还有要求发给我,我看看。
好的,js应该是在flowerlist.js文件里面。已发