400-800-9385
网站建设资讯详细

网站建设之Ajax分页

发表日期:2019-01-22 09:59:46   作者来源:方维网络   浏览:2834   标签:网站制作    
在网站建设的过程中,随着时间的积累,我们可能会碰到各种各样的功能开发,毕竟客户的需求是无穷的。一个网站,随着时间的推移,数据量会越来越大,就好比,网站为了提高搜索引擎的权重,都会做各种各样的维护优化,而定期发表有关业界的原创文章,是维护很常见的手法,这样一来,就会产生越来越多条新闻,如果这么多新闻放在一起,网页就会拉的很长很长,影响美观,还会降低客户体验度。这样我们就不得不对这些新闻进行分页,而ajax分页就是一种给客户很好体验的分页手法,废话不多说,具体操作如下:
首先我开发网站用的是thinkphp框架,所以,我下面就在thinkphp框架下进行操作。
1、先在thinkphp文件包library->Think文件夹下引入ajaxPage.class.php分页类,这个分页类与之前的page.class.php分页类,也没有太大差别,只是将原来的跳转取掉了。例如图一,就是page.class.php原来的格式
图1:

网站制作代码

例如图二,就是ajaxPage.class.php的格式
图2:

网站分页代码2

对比两个我们不难发现,后者只是添加了个title=页码的属性,同时去掉了跳转。
第二步,我们可以创建一个分页的方法,方便引用,如下图所示:

page分页代码

然后我们就可以结合数据库,查询数据了。
$page=$page?$page:1;
        $map1=array('is_show'=>1,'status'=>1,'product_id'=>$id,'muban'=>1);
        $data= ajaxpage_sys(M('relate'), 3, $map1, 'order_id asc',$page);
        $list1=$data['list'];
        $this->list1=$list1;
        $this->page=$data['page'];
获得数据就是前段输出,然后通过ajax与后台进行交互,方法如下:
 
完成这些工作后,基本上已经完成整个分页过程,页面最后呈现形式如下图所示:

效果展示

最后,在此新春之际,祝大家新年快乐,万事如意,财源滚滚,早日成为技术大牛,希望可以帮到大家。
 

如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/4872.html