ajax无刷新分页效果

Ajax无刷新分页的必要性

具体实现:

商品总记录条数,每页显示多少条

mysql数据库关键字limit

limit 偏移量 长度

偏移量:(当前页码-1)*每页显示条数。

limit 0,7

limit 7,7

limit 14,7

ajax无刷新分页对传统分页效果的封装

制作传统分页效果:

1.建表

create table sw_goods(

goods_id int auto_increment primary key,

goods_name  varchar(255) not null default '' comment '商品的名称',

goods_weight  int unsigned not null default 0 comment '商品的重量',

goods_price  int unsigned not null default 0 comment '商品的价格',

goods_introduce  varchar(255) not null default '' comment '商品的品牌',

goods_big_img  varchar(255) not null default '' comment '商品大图片',

goods_small_img  varchar(255) not null default '' comment '商品小图片',

goods_create_time int unsigned not null default 0 comment '创建时间',

goods_last_time int unsigned not null default 0 comment '最后时间'

) charset=utf8,

engine=MyIsam;



写入php代码:

<?php

header("content-type:text/html;charset=utf-8");

$link=mysql_connect('localhost','root','root');

mysql_select_db('php39',$link);

mysql_query('set names utf8');

$sql="select*from sw_goods order by  goods_id desc";

$qry=mysql_query($sql);

while($rst=mysql_fetch_assoc($qry)){

print_r($rst);

echo "<hr/>";

}

?>

输出结果如图所示:


例3  根据波利亚《怎样解题》的第四阶段的建议:"你能不能把这一结果或方法用于其他的问题?  "修改上例代码

<?php

header("content-type:text/html;charset=utf-8");

$link=mysql_connect('localhost','root','root');

mysql_select_db('php39',$link);

mysql_query('set names utf8');

$sql="select*from sw_goods order by  goods_id desc";

$qry=mysql_query($sql);

echo<<<eof

<style type="text/css">

table{width:700px;

      border:1px solid  black;

  margin:auto;

  }

  td{

  border:1px solid black;

  margin:auto;

  border-collapse:collapse;

  }

</style>

<table>

<tr style="font-weight:bold;">

<td>序号</td>

<td>名称</td>

<td>价格</td>

<td>数量</td>

<td>重量</td>

</tr>

eof;

while($rst=mysql_fetch_assoc($qry)){

echo "<tr>";

echo "<td>".$rst['goods_id']."</td>";

echo "<td>".$rst['goods_name']."</td>";

echo "<td>".$rst['goods_price']."</td>";

echo "<td>".$rst['goods_number']."</td>";

echo "<td>".$rst['goods_weight']."</td>";

echo "</tr>";

}

echo "</table>";

?>

增加代码

ALTER TABLE `sw_goods`

ADD  `goods_number` int unsigned not null default 0 comment '商品的数量'

如图所示:

例4 根据波利亚《怎样解题》的第四阶段的建议:"你能不能把这一结果或方法用于其他的问题?  "修改上例代码运用到分页中去

提示:你需要引用一个封装好代码:

<?php

class Page {

private $total; //数据表中总记录数

private $listRows; //每页显示行数

private $limit;

private $uri;

private $pageNum; //页数

private $config=array('header'=>"个记录", "prev"=>"上一页", "next"=>"下一页", "first"=>"首 页", "last"=>"尾 页");

private $listNum=8;

/*

* $total

* $listRows

*/

public function __construct($total, $listRows=10, $pa=""){

$this->total=$total;

$this->listRows=$listRows;

$this->uri=$this->getUri($pa);

$this->page=!empty($_GET["page"]) ? $_GET["page"] : 1;

$this->pageNum=ceil($this->total/$this->listRows);

$this->limit=$this->setLimit();

}

private function setLimit(){

return "Limit ".($this->page-1)*$this->listRows.", {$this->listRows}";

}

private function getUri($pa){

$url=$_SERVER["REQUEST_URI"].(strpos($_SERVER["REQUEST_URI"], '?')?'':"?").$pa;

$parse=parse_url($url);

if(isset($parse["query"])){

parse_str($parse['query'],$params);

unset($params["page"]);

$url=$parse['path'].'?'.http_build_query($params);

}

return $url;

}

function __get($args){

if($args=="limit")

return $this->limit;

else

return null;

}

private function start(){

if($this->total==0)

return 0;

else

return ($this->page-1)*$this->listRows+1;

}

private function end(){

return min($this->page*$this->listRows,$this->total);

}

private function first(){

            $html = "";

if($this->page==1)

$html.='';

else

$html.="&nbsp;&nbsp;<a href='javascript:showpage(\"{$this->uri}&page=1\")'>{$this->config["first"]}</a>&nbsp;&nbsp;";

return $html;

}

private function prev(){

            $html = "";

if($this->page==1)

$html.='';

else

$html.="&nbsp;&nbsp;<a href='javascript:showpage(\"{$this->uri}&page=".($this->page-1)."\")'>{$this->config["prev"]}</a>&nbsp;&nbsp;";

return $html;

}

private function pageList(){

$linkPage="";

$inum=floor($this->listNum/2);

for($i=$inum; $i>=1; $i--){

$page=$this->page-$i;

if($page<1)

continue;

//$linkPage.="&nbsp;<a href='{$this->uri}&page={$page}'>{$page}</a>&nbsp;";

$linkPage.="&nbsp;<a href='javascript:showpage(\"{$this->uri}&page={$page}\")'>{$page}</a>&nbsp;";

}

$linkPage.="&nbsp;{$this->page}&nbsp;";

for($i=1; $i<=$inum; $i++){

$page=$this->page+$i;

if($page<=$this->pageNum){

//$linkPage.="&nbsp;<a href='{$this->uri}&page={$page}'>{$page}</a>&nbsp;";

$linkPage.="&nbsp;<a href='javascript:showpage(\"{$this->uri}&page={$page}\")'>{$page}</a>&nbsp;";

}else{

break;

                }

}

return $linkPage;

}

private function next(){

            $html = "";

if($this->page==$this->pageNum)

$html.='';

else

$html.="&nbsp;&nbsp;<a href='javascript:showpage(\"{$this->uri}&page=".($this->page+1)."\")'>{$this->config["next"]}</a>&nbsp;&nbsp;";

return $html;

}

private function last(){

            $html = "";

if($this->page==$this->pageNum)

$html.='';

else

$html.="&nbsp;&nbsp;<a href='javascript:showpage(\"{$this->uri}&page=".($this->pageNum)."\")'>{$this->config["last"]}</a>&nbsp;&nbsp;";

return $html;

}

private function goPage(){

return '&nbsp;&nbsp;<input type="text" onkeydown="javascript:if(event.keyCode==13){var page=(this.value>'.$this->pageNum.')?'.$this->pageNum.':this.value;showpage(\''.$this->uri.'&page=\'+page+\'\')}" value="'.$this->page.'" style="width:25px"><input type="button" value="GO" onclick="javascript:var page=(this.previousSibling.value>'.$this->pageNum.')?'.$this->pageNum.':this.previousSibling.value;showpage(\''.$this->uri.'&page=\'+page+\'\')">&nbsp;&nbsp;';

//return '&nbsp;&nbsp;<input type="text" onkeydown="javascript:if(event.keyCode==13){var page=(this.value>'.$this->pageNum.')?'.$this->pageNum.':this.value;location=\''.$this->uri.'&page=\'+page+\'\'}" value="'.$this->page.'" style="width:25px"><input type="button" value="GO" onclick="javascript:var page=(this.previousSibling.value>'.$this->pageNum.')?'.$this->pageNum.':this.previousSibling.value;location=\''.$this->uri.'&page=\'+page+\'\'">&nbsp;&nbsp;';

}

function fpage($display=array(0,1,2,3,4,5,6,7,8)){

$html[0]="&nbsp;&nbsp;共有<b>{$this->total}</b>{$this->config["header"]}&nbsp;&nbsp;";

$html[1]="&nbsp;&nbsp;每页显示<b>".($this->end()-$this->start()+1)."</b>条,本页<b>{$this->start()}-{$this->end()}</b>条&nbsp;&nbsp;";

$html[2]="&nbsp;&nbsp;<b>{$this->page}/{$this->pageNum}</b>页&nbsp;&nbsp;";

$html[3]=$this->first();

$html[4]=$this->prev();

$html[5]=$this->pageList();

$html[6]=$this->next();

$html[7]=$this->last();

$html[8]=$this->goPage();

$fpage='';

foreach($display as $index){

$fpage.=$html[$index];

}

return $fpage;

}

}

?>

修改代码如下:

<?php

header("content-type:text/html;charset=utf-8");

$link=mysql_connect('localhost','root','root');

mysql_select_db('php39',$link);

mysql_query('set names utf8');

//引入分页的类文件

include("./page.class.php");

$sql="select*from sw_goods order by  goods_id desc";

$qry=mysql_query($sql);

//获取商品总条数

$total=mysql_num_rows($qry);//总条数

$per=2;//每页显示2条数据

//实例化分页类的对象

$page_obj=new Page($total,$per);

//拼装一条sql语句获得每页信息

$sql3="select goods_id,goods_name,goods_price,goods_number,goods_weight from sw_goods limit 0,2";

$qry3=mysql_query($sql3);

echo<<<eof

<style type="text/css">

table{width:700px;

      border:1px solid  black;

  margin:auto;

  }

  td{

  border:1px solid black;

  margin:auto;

  border-collapse:collapse;

  }

</style>

<table>

<tr style="font-weight:bold;">

<td>序号</td>

<td>名称</td>

<td>价格</td>

<td>数量</td>

<td>重量</td>

</tr>

eof;

while($rst=mysql_fetch_assoc($qry3)){

echo "<tr>";

echo "<td>".$rst['goods_id']."</td>";

echo "<td>".$rst['goods_name']."</td>";

echo "<td>".$rst['goods_price']."</td>";

echo "<td>".$rst['goods_number']."</td>";

echo "<td>".$rst['goods_weight']."</td>";

echo "</tr>";

}

echo "</table>";

?>


<?php

header("content-type:text/html;charset=utf-8");

//传统方式实现分页效果

$link = mysql_connect('localhost','root','root');

mysql_select_db('php39',$link);

mysql_query('set names utf8');

//实现数据分页

//① 引入分页的类文件

include("./page.class.php");

//② 获得商品的总条数

$sql = "select * from sw_goods order by goods_id desc";

$qry = mysql_query($sql);

$total = mysql_num_rows($qry); //总条数

$per = 3;//每页显示3条数据

//③ 实例化分页类对象

$page_obj = new Page($total, $per);

//④ 拼装一条sql语句获得每页信息

$sql3 = "select goods_id,goods_name,goods_price,goods_number,goods_weight from sw_goods ".$page_obj->limit;

$qry3 = mysql_query($sql3);

//⑤ 获得页码列表

$pagelist = $page_obj -> fpage(array(3,4,5,6,7,8));

echo <<<eof

<style type="text/css">

    table{width:700px; border:1px solid black; margin:auto; border-collapse:collapse;}

    td {border:1px solid black;}

</style>

<table>

    <tr style="font-weight:bold;"><td>序号</td><td>名称</td><td>价格</td><td>数量</td><td>重量</td></tr>

eof;

while($rst3 = mysql_fetch_assoc($qry3)){

    //$rst 代表每条记录的一维数组信息

    echo "<tr>";

    echo "<td>".$rst3['goods_id']."</td>";

    echo "<td>".$rst3['goods_name']."</td>";

    echo "<td>".$rst3['goods_price']."</td>";

    echo "<td>".$rst3['goods_number']."</td>";

    echo "<td>".$rst3['goods_weight']."</td>";

    echo "</tr>";

}

echo "<tr><td colspan='5'>$pagelist</td></tr>";

echo "</table>";

?>


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,176评论 5 469
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,190评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,232评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,953评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,879评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,177评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,626评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,295评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,436评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,365评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,414评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,096评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,685评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,771评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,987评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,438评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,032评论 2 341

推荐阅读更多精彩内容