資訊專欄INFORMATION COLUMN
摘要：前幾天做項目時，碰到個需求，商品多級分類篩選功能。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。例如條件全部為空即顯示所有模式為全部范圍，分類和價格多帶帶指定。
前幾天做項目時，碰到個需求，商品多級分類篩選功能。之前從沒做過，查了不少資料，總算實現(xiàn)了。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。菜鳥有一顆成為大神的心。在這里分享給各位童鞋，歡迎大佬指導(dǎo)一下。
先說下原理:php實現(xiàn)多級篩選主要是利用a鏈接get傳參,把每個標簽包含的參數(shù)通過a鏈接傳到后臺控制器,控制器接收參數(shù)后接著再把值賦回給模板，并且根據(jù)參數(shù)查詢對應(yīng)數(shù)據(jù)輸出給前臺。實現(xiàn)起來也不難，講到這里，感覺剛開始自己完全沒有思路的樣子真是該打,哈哈...
下面是前臺代碼示例:
類型: 0, "mode" => $a, "price"=>$c])}">全部 1, "mode" => $a, "price"=>$c])}">官方新聞 2, "mode" => $a, "price"=>$c])}">移動應(yīng)用 3, "mode" => $a, "price"=>$c])}">微信公眾號 4, "mode" => $a, "price"=>$c])}">Android開發(fā) 模式: $b, "mode" => "0", "price"=>$c])}">全部 $b, "mode" => "1", "price"=>$c])}">模式1 $b, "mode" => "2", "price"=>$c])}">模式2 $b, "mode" => "3", "price"=>$c])}">模式3 $b, "mode" => "4", "price"=>$c])}">模式4 $b, "mode" => "5", "price"=>$c])}">模式5 $b, "mode" => "6", "price"=>$c])}">模式6 預(yù)算價格: $b, "mode" => $a, "price"=>"0"])}">全部 $b, "mode" => $a, "price"=>"1"])}">600以下 $b, "mode" => $a, "price"=>"600"])}">600-1000 $b, "mode" => $a, "price"=>"1000"])}">1000-5000 $b, "mode" => $a, "price"=>"5000"])}">5000以上
這段代碼大家肯定都能看懂，我再啰嗦一下，比如當用戶第一下點擊類型里面的全部的時候,便會把category字段為0傳到后臺。后臺接收判斷并把值再賦回給前臺，如果category字段值為0,則查詢?nèi)康姆诸悢?shù)據(jù)。如果用戶第二下點擊模式里面的全部，那此時因為category的值是由后臺賦值過來的所以為0，mode為0。如果第三下點擊價格里的全部，則三個標簽值全部為0。此時后臺判斷條件，如果全部為0，則全部查詢，模板遍歷顯示。舉一反三，其他標簽也是一樣。實際操作中，肯定不會把值一個一個寫在標簽里這么傻，只要用volist遍歷出來取值就可以了。大家都懂得哈。
因為是多級篩選，所以where方法條件肯定不止一個，所以要拼接where方法的值，我是個TPer,用TP5的方法舉例:
$b = input("category");//接收的分類id
$a = input("mode"); //接收的模式id
$c = input("price"); //接收的價格范圍值
$where = ["category"=>$category,"mode"=>$mode,"price"=>$price];//拼接where條件
$data = model("表名")->where($where)->select(); //查詢數(shù)據(jù)
return $this->fetch("",[
"data"=>$data,
"c"=>$c,
"b"=>$b,
"a"=>$a
]); //模板賦值
當然，實際的情況肯定要設(shè)條件判斷三個值的數(shù)據(jù)的，根據(jù)值的情況設(shè)定where條件。例如:
if ($a == 0 && $b == 0 && $c == 0) {//條件全部為空,即顯示所有
$where = "";
} elseif ($a == 0 && $b != 0 && $c != 0) {//模式為全部范圍，分類和價格多帶帶指定。
$where = ["b"=>$b,"c"=>$c];
}
因為我的代碼寫的比較冗余，就不獻丑了哈...
最后實現(xiàn)的效果是這樣:
圖中的樣式可以在標簽里判斷，如果頁面接收的參數(shù)值和當前標簽中的值相同，則給標簽高亮樣式。至此，就是這樣，如果有同學有更好的思路，請不吝賜教。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53779.html
摘要：前幾天做項目時，碰到個需求，商品多級分類篩選功能。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。例如條件全部為空即顯示所有模式為全部范圍，分類和價格單獨指定。 前幾天做項目時，碰到個需求，商品多級分類篩選功能。之前從沒做過，查了不少資料，總算實現(xiàn)了。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。菜鳥有一顆成為大神的心。在這里分享給各位童鞋，歡迎大佬指導(dǎo)一下。先說下原理:...
摘要：前幾天做項目時，碰到個需求，商品多級分類篩選功能。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。例如條件全部為空即顯示所有模式為全部范圍，分類和價格單獨指定。 前幾天做項目時，碰到個需求，商品多級分類篩選功能。之前從沒做過，查了不少資料，總算實現(xiàn)了。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。菜鳥有一顆成為大神的心。在這里分享給各位童鞋，歡迎大佬指導(dǎo)一下。先說下原理:...
摘要：前幾天做項目時，碰到個需求，商品多級分類篩選功能。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。例如條件全部為空即顯示所有模式為全部范圍，分類和價格單獨指定。 前幾天做項目時，碰到個需求，商品多級分類篩選功能。之前從沒做過，查了不少資料，總算實現(xiàn)了。雖然實現(xiàn)的不夠優(yōu)雅，但起碼能有效果，心里還是很高興的。菜鳥有一顆成為大神的心。在這里分享給各位童鞋，歡迎大佬指導(dǎo)一下。先說下原理:...
摘要：最近后端的同事要我寫一個購物車，一開始我用寫，但寫著寫著發(fā)現(xiàn)邏輯太混亂了，寫不下去。所以我想著用來實現(xiàn)一個。但在購物車中這樣的方法是不行的，單個商品的選中以及取消所執(zhí)行的邏輯有部分不同，所以我選擇將其拆分。 最近后端的同事要我寫一個購物車，一開始我用jQuery寫，但寫著寫著發(fā)現(xiàn)邏輯太混亂了，寫不下去。最后花了五分鐘找了個demo丟給了他。后來我不甘心，畢竟水平菜還不求上進就完蛋了。所...
摘要：阿里云上傳文件第三節(jié)實現(xiàn)淘寶上傳商品圖片首先我們來看看淘寶的功能和樣式之后看看制作完成的演示由于全部功能弄成有點大限制上傳大小好像在之內(nèi)壓縮之后也有所以分為兩個演示圖片后端代碼基于第三個文章不變?nèi)サ羯蟼鬟M度條去掉上傳提示重寫重寫前端代碼需要 **TP5+阿里云OSS上傳文件第三節(jié),實現(xiàn)淘寶上傳商品圖片首先我們來看看淘寶的功能和樣式:**showImg(https://segmentfa...
閱讀 2236·2021-11-24 11:15
閱讀 3080·2021-11-24 10:46
閱讀 1378·2021-11-24 09:39
閱讀 3924·2021-08-18 10:21
閱讀 1478·2019-08-30 15:53
閱讀 1395·2019-08-30 11:19
閱讀 3320·2019-08-29 18:42
閱讀 2321·2019-08-29 16:58
