网站建设之Ajax分页

2023-02-17    分类: 网站建设

网站建设的过程中,随着时间的积累,我们可能会碰到各种各样的功能开发,毕竟客户的需求是无穷的。一个网站,随着时间的推移,数据量会越来越大,就好比,网站为了提高搜索引擎的权重,都会做各种各样的维护优化,而定期发表有关业界的原创文章,是维护很常见的手法,这样一来,就会产生越来越多条新闻,如果这么多新闻放在一起,网页就会拉的很长很长,影响美观,还会降低客户体验度。这样我们就不得不对这些新闻进行分页,而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与后台进行交互,方法如下:
效果展示
完成这些工作后,基本上已经完成整个分页过程,页面最后呈现形式如下图所示:
最后,在此新春之际,祝大家新年快乐,万事如意,财源滚滚,早日成为技术大牛,希望可以帮到大家。

网站名称:网站建设之Ajax分页
分享URL:https://www.cdcxhl.com/news/237501.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设