thinkphp框架下解決商城網(wǎng)站的多個類別多選的方法

國內(nèi)的商城網(wǎng)站在篩選類別的時候，篩選條件大部分都是單選的，像某東某寧那樣的網(wǎng)站就是這樣子的，如下圖所示：

但對于國外或中國香港的用戶來說，他們在瀏覽商城網(wǎng)站的時候更習(xí)慣類別多選的操作，就是根據(jù)自己的愛好選擇自己需要的一個或多個分類，這樣也能過濾掉自己不需要的分類商品，網(wǎng)頁的排版如下圖所示：
像上圖那樣的多個分類，例如我希望找到外套和上衣的類別，其他的類別不想顯示，則可以點(diǎn)擊這兩個類別，品牌分類的原理也是一樣?，F(xiàn)在要解決的事情是如何用thinkphp框架寫出多個分類并多選的功能。
首先要做的是，在當(dāng)前頁面下將所有的分類的以id名稱為key值放在同一個數(shù)組里，我們將這個數(shù)組命名為$url_arr. 例如類別的小類的id名稱為cid,品牌的id名稱為bid,在URL里顯示如“/cid/100/bid/71.html”,即選擇小類id為100，品牌id為71的條件，那么可以得到$url_arr[‘cid’]=100;$url_arr[‘bid’]=71;如果是多選，我們用半角逗號來分隔，例如/cid/100%2C87/bid/71%2C73.html,其他URL里的”%2C7”就是半角逗號的字符值。

然后我們要讓分類中的a鏈接能很好顯示出確定的URL，這里需要引入我寫的一個函數(shù)，用這個函數(shù)可以快速的獲取到不同分類名稱a鏈接的URL，如下圖所示：

分類的頁面代碼如下圖：
現(xiàn)在根據(jù)頁面代碼對參數(shù)進(jìn)行一些說明：$arr_url就是剛才講的那個值，$id_name也是剛才講的id名稱，也就是cid;$cat_id是當(dāng)前分類的id值，$url=’’是因?yàn)閁($url)會等當(dāng)前頁面的不參數(shù)的URL值，默認(rèn)就讓$url為空就可以了。
圖2里有一個“清除”的功能，就是清除該類的所有條件，同樣是調(diào)用getParam函數(shù)，只要將$cat_id設(shè)置成空就可以了，例如要清除分類的條件，代碼如下：清除。

如何判斷該類別是否被選中呢？我們可以用到下圖這個函數(shù)：
其中頁面代碼:，默認(rèn)情況下span的前景為白色，如果加個class=”on”，則span背景為黑色，即該類別被選中了。

新聞標(biāo)題：thinkphp框架下解決商城網(wǎng)站的多個類別多選的方法
網(wǎng)站URL：http://www.muchs.cn/news/246769.html

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

廣告

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