PHP實現(xiàn)簡單數(shù)字分頁效果

2024-05-04 23:38:04

字體：大中小

供稿：網(wǎng)友

我們平時在開發(fā)中，經(jīng)常需要用到分頁，在項目中要用到分頁。分頁功能是經(jīng)常使用的一個功能，下面我們就來簡單分享個數(shù)字的分頁效果

學(xué)習(xí)要點：
1.LIMIT 用法
2.各種參數(shù)
3.超鏈接調(diào)用

第一：先在文件中設(shè)置數(shù)字分頁模塊；我的文件是（blog.php）

復(fù)制代碼代碼如下:

		//分頁模塊
		$_page = $_GET['page'];
		$_pagesize = 10;
		$_pagenum = ($_page - 1) * $_pagesize;
		//首頁要得到所有的數(shù)據(jù)總和
		$_num=mysql_num_rows(_query("SELECT tg_id FROM tg_user"));
		$_pageabsolute=$_num / $_pagesize;

要注意的是在數(shù)據(jù)庫中取集的時候

復(fù)制代碼代碼如下:

		//我們必須每次重新讀取結(jié)果集，而不是從新去執(zhí)行SQL語句。
		$_result = _query("SELECT tg_username,tg_sex,tg_face FROM tg_user ORDER BY tg_reg_time DESC LIMIT $_pagenum,$_pagesize");

設(shè)置分頁循環(huán)的效果

<div id="page_num">

  <ul>

  <?php for($i=0;$i<$_pageabsolute;$i++){

    if ($_page == ($i+1)) {

      echo '<li><a href="blog.php?page='.($i+1).'" class="selected">'.($i+1).'</a></li>';

    }else{

      echo '<li><a href="blog.php?page='.($i+1).'">'.($i+1).'</li>';

    }

  } ?>

  </ul>

  </div>

相對應(yīng)的CSS

#page_num {

  height:20px;

  clear:both;

  padding:10px 0;

  position:relative;

}

#page_num ul {

  position:absolute;

  right:30px;

  height:20px;

}

#page_num ul li {

  float:left;

  width:26px;

  height:20px;

}

#page_num ul li a {

  display:block;

  width:20px;

  height:20px;

  line-height:20px;

  border:1px solid #333;

  text-align:center;

  text-decoration:none;

}

#page_num ul li a:hover,#page_num ul li a.selected {

  background:#666;

  font-weight:bold;

  color:#fff;

}