欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

分页控件代码逻辑(JS版本&PHP版本)

程序员文章站 2022-06-08 21:54:01
...
JS版本:

    //total_page:总页数    //boundary:页数临界值    //front_range:前段显示页码数    //mid_range:中段显示页码数    //rear_range后段显示页码数    //page_size:每页记录数    var pagination_config = {total_page : 10,current_page:1, boundary : 7, front_range : 1, mid_range : 5,rear_range : 1,page_size:10};    /**     * 分?格式?理,ex. prev 1 ... 8 9 10 11 12 ... 20 next     * @return array 要?示的??     */    function pagintion_array()    {                var total_page = pagination_config.total_page,                    boundary = pagination_config.boundary,                     front_range =  pagination_config.front_range,                     mid_range = pagination_config.mid_range,                    rear_range = pagination_config.rear_range,                    current_page = pagination_config.current_page;        var pagintion = [];        current_page = (current_page > total_page) ? total_page : current_page;        // ???小於???界值,??示所有??        if (total_page = total_page) {                if (mid_end > total_page)                    mid_start -= 1;                mid_end -= 1;            }            // 取出需要?示的???            for (var i = 1; i = mid_start && i = rear_start) {                    if (i - pagintion[pagintion.length-1] > 1) {                        pagintion.push('...');                    }                    pagintion.push(i);                }            }        }        return pagintion;    }    /**     * 拼装分页的 html  ;     * 样式 for jquery.simplepagination      * @return string     */    function create_html()    {                var current_page = pagination_config.current_page,                    total_page = pagination_config.total_page;                if(total_page';        //计算总页数;        //计算分页        var pagintion = pagintion_array();        //上一页        //上一页 不可点击        if (current_page 上一页';        } else {            //上一页可点击            var page_prev = current_page - 1;            html+='
  • 上一页
  • '; } //每一页的 链接 for(var i=0;i'+page_id+''; } else if (page_id == '...') { html+='
  • ...
  • '; } else { html+='
  • '+page_id+'
  • '; } } //下一页 //下一页 不可点击 if (current_page >= total_page) { html+='
  • 下一页
  • '; } else { //下一页 可点击 var page_next = current_page + 1; html+='
  • 下一页
  • '; } html+='
  • 到第
  • '; html+='
  • '; html+='
  • '; html+='
  • '; html+=''; $('.pagintion').children().remove(); $('.pagintion').append(html); $(".pagintion").find('[data-page-index]').on("click",function(){ if($(this).data('page-index')!=pagination_config.current_page){ pagination_config.current_page = $(this).data('page-index'); //绑定列表 get_comment_list(); } }) } }

    PHP版本:

     0) {            foreach ($config as $key => $val) {                if (isset($this->$key)) {                    $this->$key = $val;                }            }        }    }    /**     * 分?格式?理,ex. prev 1 ... 8 9 10 11 12 ... 20 next     *  copy from Store_lib.pagintion  , 从Store_lib中复制过来     * @param int $current_page ?前??     * @param int $total_page ???     * @param int $boundary ???界值     * @param int $front_range 前段?示???     * @param int $mid_range 中段?示???     * @param int $rear_range 後段?示???     * @return array 要?示的??     */    public function pagintion_array($current_page = 1, $total_page = 10, $boundary = 7, $front_range = 1, $mid_range = 5,                                 $rear_range = 1)    {        $pagintion = array();        $current_page = ($current_page > $total_page) ? $total_page : $current_page;        // ???小於???界值,??示所有??        if ($total_page = $total_page) {                if ($mid_end > $total_page)                    $mid_start -= 1;                $mid_end -= 1;            }            // 取出需要?示的???            for ($i = 1; $i = $mid_start && $i = $rear_start) {                    if ($i - (int) end($pagintion) > 1) {                        $pagintion[] = '...';                    }                    $pagintion[] = $i;                }            }        }        return $pagintion;    }    /**     * 拼装分页的 html  ;     * 样式 for jquery.simplepagination      * @return string     */    function create_html()    {        $html = '
      '; //计算总页数; //计算分页 $pagintion = $this->pagintion_array($this->current_page, $this->total_page, $this->boundary, $this->front_range, $this->mid_range, $this->rear_range); //上一页 //上一页 不可点击 if ($this->current_page 上一页'; } else { //上一页可点击 $page_prev = $this->current_page - 1; $html.='
    • '; } //每一页的 链接 foreach ($pagintion as $page_id) { if ($page_id == $this->current_page) { $html.='
    • ' . $page_id . '
    • '; } elseif ($page_id == '...') { $html.='
    • '; } else { $html.='
    • ' . $page_id . '
    • '; } } //下一页 //下一页 不可点击 if ($this->current_page >= $this->total_page) { $html.='
    • 下一页
    • '; } else { //下一页 可点击 $page_next = $this->current_page + 1; $html.='
    • '; } $html.='
    '; return $html; }}

    预览效果: