先後端處理分頁

無論先後端算法是一致的，表現出來的處理步驟不同。

- - - 已知道數據和設定

$data = new Array( 2000 ); // 數據
$data_size = $data.length; // 數據的總長度
$page_size = 560; // 頁長
$page_count = Math.ceil( $data_size / 560 ) // 總頁數

$current_page = $_GET['pn'] || 0 ; // 當前頁碼


// $_GET 是JS 的實現， $_GET = {};location.search.substr(1).split('&').forEach(function(i){var i=i.split('=');$_GET[i[0]]=i[1] })

 

　　

 

- - - 須要呈現的數據

$show_data = $data.slice( $current_page*$page_size, $page_size );

 

- - - 頁碼控制部分

【首頁】【上一頁】【1】【2】...【下一頁】【末頁】

- - - 頁碼控制的關鍵參數

首頁： $_GET['pn']=0
上一頁： Math.max( $_GET['pn']-=1 ,0 )
下一頁： Math.min( $_GET['pn']+=1 ,$page_count )
末頁：$page_count