網(wǎng)站建設(shè)之Ajax分頁

2023-02-17    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)的過程中,隨著時(shí)間的積累,我們可能會碰到各種各樣的功能開發(fā),畢竟客戶的需求是無窮的。一個(gè)網(wǎng)站,隨著時(shí)間的推移,數(shù)據(jù)量會越來越大,就好比,網(wǎng)站為了提高搜索引擎的權(quán)重,都會做各種各樣的維護(hù)優(yōu)化,而定期發(fā)表有關(guān)業(yè)界的原創(chuàng)文章,是維護(hù)很常見的手法,這樣一來,就會產(chǎn)生越來越多條新聞,如果這么多新聞放在一起,網(wǎng)頁就會拉的很長很長,影響美觀,還會降低客戶體驗(yàn)度。這樣我們就不得不對這些新聞進(jìn)行分頁,而ajax分頁就是一種給客戶很好體驗(yàn)的分頁手法,廢話不多說,具體操作如下:
首先我開發(fā)網(wǎng)站用的是thinkphp框架,所以,我下面就在thinkphp框架下進(jìn)行操作。
1、先在thinkphp文件包library->Think文件夾下引入ajaxPage.class.php分頁類,這個(gè)分頁類與之前的page.class.php分頁類,也沒有太大差別,只是將原來的跳轉(zhuǎn)取掉了。例如圖一,就是page.class.php原來的格式

網(wǎng)站制作代碼
圖1:
例如圖二,就是ajaxPage.class.php的格式
網(wǎng)站分頁代碼2
圖2:
對比兩個(gè)我們不難發(fā)現(xiàn),后者只是添加了個(gè)title=頁碼的屬性,同時(shí)去掉了跳轉(zhuǎn)。
page分頁代碼
第二步,我們可以創(chuàng)建一個(gè)分頁的方法,方便引用,如下圖所示:
然后我們就可以結(jié)合數(shù)據(jù)庫,查詢數(shù)據(jù)了。
$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'];
獲得數(shù)據(jù)就是前段輸出,然后通過ajax與后臺進(jìn)行交互,方法如下:
效果展示
完成這些工作后,基本上已經(jīng)完成整個(gè)分頁過程,頁面最后呈現(xiàn)形式如下圖所示:
最后,在此新春之際,祝大家新年快樂,萬事如意,財(cái)源滾滾,早日成為技術(shù)大牛,希望可以幫到大家。

名稱欄目:網(wǎng)站建設(shè)之Ajax分頁
URL標(biāo)題:http://www.muchs.cn/news1/237501.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)