zoukankan      html  css  js  c++  java
  • 常用的一种分页方法

      <?php 
    include_once('page.class.php');
    
    //pageft($total,$pageSize,0,1,0,5);
    //第一个0显示数字  第二个1显示概况 第三个显示下拉 第四个显示数字数量
    $SQL="SELECT * FROM `hy_b_sys_products`  where 1 and  CateID =11010 $condition   and Lang='cn'  ";
    $result=mysql_query($SQL);
    $total=mysql_num_rows($result);
    $pageSize=9;
    pageft($total,$pageSize,1,0,0,15);
    //调用pageft(),每页显示10条信息(使用默认的20时,可以省略此参数),使用本页URL(默认,所以省略掉)。
    
    
    
    
    if($total==0) echo "<h3>对不起!没有相关资料</h3>";
       $SQL2="SELECT * FROM `hy_b_sys_products`  where 1 and  CateID =11010  $condition  and Lang='cn'  order by `SortNum` asc,`SysProductsID`  desc limit $firstcount,$displaypg  ";
    $result=mysql_query($SQL2);
    while($rvm=mysql_fetch_array($result)){
    
            
                ?>
    <div class="black2"><?php echo $pagenav;?></div>
    <?php
    //为了避免重复包含文件而造成错误,加了判断函数是否存在的条件:
    @$page = $_GET['page'];
    if(!function_exists('pageft')){
    //定义函数pageft(),三个参数的含义为:
    //$totle:信息总数;
    //$displaypg:每页显示信息数,这里设置为默认是20;
    //$url:分页导航中的链接,除了加入不同的查询信息“page”外的部分都与这个URL相同。
    //   默认值本该设为本页URL(即$_SERVER["REQUEST_URI"]),但设置默认值的右边只能为常量,所以该默认值设为空字符串,在函数内部再设置为本页URL。
    function pageft($totle,$displaypg=20,$shownum=0,$showtext=0,$showselect=0,$showlvtao=7,$url=''){
    
    //定义几个全局变量:
    //$page:当前页码;
    //$firstcount:(数据库)查询的起始项;
    //$pagenav:页面导航条代码,函数内部并没有将它输出;
    //$_SERVER:读取本页URL“$_SERVER["REQUEST_URI"]”所必须。
    global $page,$firstcount,$pagenav,$_SERVER;
    
    //为使函数外部可以访问这里的“$displaypg”,将它也设为全局变量。注意一个变量重新定义为全局变量后,原值被覆盖,所以这里给它重新赋值。
    $GLOBALS["displaypg"]=$displaypg;
    
    if(!$page) $page=1;
    
    //如果$url使用默认,即空值,则赋值为本页URL:
    if(!$url){ $url=$_SERVER["REQUEST_URI"];}
    
    //URL分析:
    $parse_url=parse_url($url);
    $url_query=$parse_url["query"]; //单独取出URL的查询字串
    if($url_query){
    //因为URL中可能包含了页码信息,我们要把它去掉,以便加入新的页码信息。
    //这里用到了正则表达式,请参考“PHP中的正规表达式”
    $url_query=ereg_replace("(^|&)page=$page","",$url_query);
    
    //将处理后的URL的查询字串替换原来的URL的查询字串:
    $url=str_replace($parse_url["query"],$url_query,$url);
    
    //在URL后加page查询信息,但待赋值:
    if($url_query) $url.="&page"; else $url.="page";
    }else {
    $url.="?page";
    }
    
    //页码计算:
    $lastpg=ceil($totle/$displaypg); //最后页,也是总页数
    $page=min($lastpg,$page);
    $prepg=$page-1; //上一页
    $nextpg=($page==$lastpg ? 0 : $page+1); //下一页
    $firstcount=($page-1)*$displaypg;
    
    //开始分页导航条代码:
    if ($showtext==1){
    $pagenav="<span class='disabled'>".($totle?($firstcount+1):0)."-".min($firstcount+$displaypg,$totle)."/$totle 记录</span><span class='disabled'>$page/$lastpg 页</span>";
    }else{
    $pagenav="";    
    }
    //如果只有一页则跳出函数:
    if($lastpg<=1) return false;
    
    if($prepg) $pagenav.="<a href='$url=1'>首页</a>"; else $pagenav.='<span class="disabled">首页</span>';
    if($prepg) $pagenav.="<a href='$url=$prepg'>上一页</a>"; else $pagenav.='<span class="disabled">上一页</span>';
    if ($shownum==1){
        $o=$showlvtao;//中间页码表总长度,为奇数
        $u=ceil($o/2);//根据$o计算单侧页码宽度$u
        $f=$page-$u;//根据当前页$currentPage和单侧宽度$u计算出第一页的起始数字
        //str_replace('{p}',,$fn)//替换格式
        if($f<0){$f=0;}//当第一页小于0时,赋值为0
        $n=$lastpg;//总页数,20页
        if($n<1){$n=1;}//当总数小于1时,赋值为1
        if($page==1){
            $pagenav.='<span class="current">1</span>';
        }else{
            $pagenav.="<a href='$url=1'>1</a>";
        }
        ///////////////////////////////////////
        for($i=1;$i<=$o;$i++){
            if($n<=1){break;}//当总页数为1时
            $c=$f+$i;//从第$c开始累加计算
            if($i==1 && $c>2){
                $pagenav.='...';
            }
            if($c==1){continue;}
            if($c==$n){break;}
            if($c==$page){
                $pagenav.='<span class="current">'.$page.'</span>';
            }else{
                $pagenav.="<a href='$url=$c'>$c</a>";
            }
            if($i==$o && $c<$n-1){
                $pagenav.='...';
            }
            if($i>$n){break;}//当总页数小于页码表长度时    
        }
        if($page==$n && $n!=1){
            $pagenav.='<span class="current">'.$n.'</span>';
        }else{
            $pagenav.="<a href='$url=$n'>$n</a>";
            }
    }
    
    if($nextpg) $pagenav.="<a href='$url=$nextpg'>下一页</a>"; else $pagenav.='<span class="disabled">下一页</span>';
    if($nextpg) $pagenav.="<a href='$url=$lastpg'>尾页</a>"; else $pagenav.='<span class="disabled">尾页</span>';
    if ($showselect==1){
    //下拉跳转列表,循环列出所有页码:
    $pagenav.="跳至<select name='topage' size='1' onchange='window.location="$url="+this.value'>
    ";
    for($i=1;$i<=$lastpg;$i++){
    if($i==$page) $pagenav.="<option value='$i' selected>$i</option>
    ";
    else $pagenav.="<option value='$i'>$i</option>
    ";
    }
    $pagenav.="</select>页";
    }
    }
    }
    ?>
    //另存为page.class.php

     样式

    DIV.black {
        PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
    }
    DIV.black A {
        BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
    }
    DIV.black A:hover {
        BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
    }
    DIV.black A:active {
        BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
    }
    DIV.black SPAN.current {
        BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
    }
    DIV.black SPAN.disabled {
        BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
    }
    DIV.black2 {
        padding-bottom:20px; TEXT-ALIGN: center;
    }
    DIV.black2 A {
        BORDER-RIGHT: #C00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #C00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #C00 1px solid; COLOR: #C00; PADDING-TOP: 2px; BORDER-BOTTOM: #C00 1px solid; TEXT-DECORATION: none;
    }
    DIV.black2 A:hover {
        BORDER-RIGHT: #C00 1px solid; BORDER-TOP: #C00 1px solid; BORDER-LEFT: #C00 1px solid; COLOR: #fff; BORDER-BOTTOM: #C00 1px solid; BACKGROUND-COLOR: #C00;
    }
    DIV.black2 A:active {
        BORDER-RIGHT: #C00 1px solid; BORDER-TOP: #C00 1px solid; BORDER-LEFT: #C00 1px solid; COLOR: #fff; BORDER-BOTTOM: #C00 1px solid; BACKGROUND-COLOR: #C00;
    }
    DIV.black2 SPAN.current {
        BORDER-RIGHT: #C00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #C00 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #C00 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #C00 1px solid; BACKGROUND-COLOR: #C00;
    }
    DIV.black2 SPAN.disabled {
        BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
    }
    DIV.black-red {
        FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #3e3e3e; height:30px; line-height:30px;
    }
    DIV.black-red A {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e; TEXT-DECORATION: none
    }
    DIV.black-red A:hover {
        COLOR: #fff; BACKGROUND-COLOR: #ec5210
    }
    DIV.black-red A:active {
        COLOR: #fff; BACKGROUND-COLOR: #ec5210
    }
    DIV.black-red SPAN.current {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #313131
    }
    DIV.black-red SPAN.disabled {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #868686; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e
    }

    另存为CSS.CSS

  • 相关阅读:
    《构建之法》第五章读后感
    《构建之法》第四章读后感
    《构建之法》第三章读后感
    《构建之法》第二章读后感
    《构建之法》第一章读后感
    web mis系统构建
    异常
    多态
    接口与继承
    个人总结_5.8
  • 原文地址:https://www.cnblogs.com/jthb/p/3522476.html
Copyright © 2011-2022 走看看