1、網頁設計中如何實現分頁的效果
用GridView空間,裡面有自帶的分頁功能,將屬性設置為true,然後在相應的事件裡面寫資料庫的查詢代碼就可以了!
一、動態網頁:這里有一段PHP代碼,供參考,我這邊運行成功:
1.顯示內容部分
<?php
$page=$_GET["page"];
if($page=="")
{$page=1;}
if(is_numeric($page))
{
$page_size=30;
$query="select count(*) as total from solution order by id desc";
$result = mysql_db_query($dbn, $query);
$message_count=mysql_result($result,0,"total");
$page_count=ceil($message_count/$page_size);
$offset=($page-1)*$page_size;
$sql=mysql_db_query($dbn,"select * from solution order by id desc limit $offset,$page_size");
$row=mysql_fetch_object($sql);
if(!$row)
{
echo("No data!");
}
?>
<?php
do
{
?>
</p>
<p>+ <a href="<?php echo $row->pageurl; ?>.html" title="<?php echo $row->pagetitle; ?>"><?php echo $row->pagetitle; ?></a></p>
<?php
}while($row=mysql_fetch_object($sql));
?>
<?php
}
?>
2.分頁部分
<?php
if($page!=1)
{
echo "<a href=index.php?page=1>First</a> ";
echo "<a href=index.php?page=".($page-1).">Previous</a> ";
}
if($page<$page_count)
{
echo "<a href=index.php?page=".($page+1).">Next</a> ";
echo "<a href=index.php?page=".$page_count.">End</a>";
}
?>
</span> <span> Current Page:<?php echo $page;?> / <?php echo $page_count;?></span>
<?php
mysql_free_result($sql);
?>
二、靜態網頁用js:
用JavaScript偽分頁,實際上內容還是在同一個頁面上。
<div id="page_1">第1頁內容</div>
<div id="page_2">第2頁內容</div>
<div id="page_3">第3頁內容</div>
<div id="page_4">第4頁內容</div>
<script type="text/javascript">//<![CDATA[
var curpage=document.hash.substr(1);
for (var i=1;i<=4;++i) {
document.getElementById('page_'+i).style.display=(i==curpage)?'':'none';
}
//]]></script>
然後用 page.htm#1 page.htm#2 page.htm#3 page.htm#4 來鏈接4頁。