destoon任何页面实现自定义筛选的方法DESTOON知识学习

admin 发表于 2020-9-16 00:11:35

destoon任何页面实现自定义筛选的方法

任何页面实现自定义筛选，不二开内核文件，全部在模板中实现，不影响升级，不使用搜索功能。

首页在页头引入jquery.min.js 文件，默认的模板是有这个的。如果不是默认的模板，也没这个文件，请去下载个。

然后在筛选的页面引入以下JS代码：

<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"=""><s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript>
function getQueryString(){
var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g")); 
if(result == null){
return "";
}
for(var i = 0; i < result.length; i++){
result = result.substrin(1);
}
return result;
}

function goSort(name,value){
var string_array = getQueryString();
var oldUrl = (docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">ment.URL.indexOf("index.php")==-1)?docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">ment.URL+"index.php":docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">ment.URL;
var newUrl;
if(string_array.length>0)//如果已经有筛选条件
{ var repeatField = false; 
for(var i=0;i<string_array.length;i++){
if(!(string_array.indexOf(name)==-1)){
repeatField = true;//如果有重复筛选条件，替换条件值
newUrl = oldUrl.replac(string_array,name+"="+value);
} 
}

//如果没有重复的筛选字段
if(repeatField == false){
newUrl = oldUrl+"&"+name+"="+value;
}

}else{//如果还没有筛选条件
newUrl = oldUrl+"?"+name+"="+value;
}

//跳转
window.location = newUrl;
}

function setSelected(name,value){
var all_li = $("#"+name).find("a");
//清除所有a标签的now类
all_li.each(function(){
$(this).removeClass("now");
});
//为选中的a增加now类
all_li.eq(value).addClass("now");
}

$(docu<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">ment).ready(function(){
var string_array = getQueryString();
for(var i=0;i<string_array.length;i++){
var tempArr = string_array.split("=");
setSelected(tempArr,tempArr);//设置选中的筛选条件
}
});
</s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript>

然后在模板中引入条件语句，这下面的是筛选条件，看不懂的先学学，参考修改。
<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">{php $co<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">ndition = "status=3";} 
{php $dmode = array('',1=>" and price=0",2=>" and price>0");}
{php $dcatid = array('',1=>" and catid=10",2=>" and catid=11");}
{php $dprice = array('',1=>" and price<1001",2=>" and price>1000 and price<2000",3=>" and price>2001 and price<3000",4=>" and price>3001 and price<5000",5=>" andand price>5001 and price<10001",6=>"and price>10000");}
{php $order = isset($order) ? intval($order) : 0;}
{php $mode = isset($mode) ? intval($mode) : 0;}
{php $dorder = array('addtime desc','price desc','hits desc');}
{php $condition.= $dmode[$mode];}
{php $condition.= $dcatid[$catid];}
{php $condition.= $dprice[$price];}
{php $condition.=" order by $dorder[$order]";} 

筛选模板，仅供参考

<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"=""><div class="left j-left wfs fz12">
<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"=""><h3 class="template">收费模式</h3>
<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"=""><div class="icons j-icons wfs" id="mode">
<span style="color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"=""><a class="now" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none; color: rgb(79, 79, 79); font-family: " microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('mode',0);">全部</a>
<a href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('mode',1);">商业模板</a>
<ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('mode',2);">免费模板</a>
</div>
<h3 class="template">模板类型</h3>
<div class="icons j-icons wfs" id="catid">
<a class="now" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('catid',0);">全部</a>
<a href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('catid',1);">平台型</a>
<ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('catid',2);">小众型</a>
</div> 
<h3 class="template">价格</h3>
<div class="icons j-icons wfs price" id="price">
<li> <a class="now" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',0);">全部</a></li>
<li> <ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',1);">1000以下</a></li>
<li><ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',2);">1000-2000</a></li>
<li> <ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',3);">2000-3000</a></li>
<li> <ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',4);">3000-5000</a></li>
<li> <ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',5);">5000-10000</a></li>
<li> <ahref="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('price',6);">10000以上</a></li>
</div>

</div>

</div>

<div class="right j-right" style="margin-left: 300px;">
<divclass="sort wfs">
<div style="float:left;">
排序：


<a class="now" rel="nofollow" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('order',0);">新品</a>
<arel="nofollow" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('order',1);">价格</a>
<arel="nofollow" href="java s<span style="box-sizing: border-box; word-break: break-all; text-size-adjust: none;" microsoft="" yahei",="" 微软雅黑,="" lucida,="" verdana,="" "hiragino="" sans="" gb",="" stheiti,="" "wenquanyi="" micro="" hei",="" "droid="" fallback",="" simsun,="" sans-serif;"="">cript:goSort('order',2);">热销</a>


</div>

</div>

循环语句中&condition=后面加入上$condition
大功告成。

页: [1]

知识学习's Archiver

destoon任何页面实现自定义筛选的方法