zblog分类模板添加自定义排序教程

Zblog资源类主题模板涉及的接口较多，而且目前上线的主题中基本都有一个常用的功能，那就是分类模板页的排序，可以自由组合，按照时间、浏览、评论等等，部分主题模板还可能设计了免费、收费、VIP等等功能，所以这个排序是必要的。参考了百度和几位朋友的介绍算是实现了，但是跟可风大佬聊天的时候顺带说了这个事，因为Zui初的排序有一部分代码是可风写的，然后大佬告诉我有更简介高效的代码，好吧，有技术就是任性，不多说，直接上代码。

首先挂载接口

需要在主题核心文件（include.php）中挂载接口

Add_Filter_Plugin('Filter_Plugin_LargeData_Article'，'LargeData_Article');

然后接口对应代码：

//分类模板排序
functionLargeData_Article($select，$w，&$order，$limit，$option，$type){
global$zbp;
switch($type){
case'category':
//分类模板标签，此段可删除
case'tag':
//标签模板标签，此段可删除
$pagebar=$option['pagebar'];
$sort=GetVars('sort'，'GET')？'ASC':'DESC';
switch($o=GetVars('order'，'GET')){
case'view':
$order=array('log_ViewNums'=>$sort);
break;
case'comment':
$order=array('log_CommNums'=>$sort);
break;
case'newest':
default:
$order=array('log_PostTime'=>$sort);
$sort=='DESC'&&$o=null;
break;
}
if($o){
$pagebar->UrlRule->__construct($zbp->option['ZC_CATEGORY_REGEX'].($zbp->Config('system')->ZC_STATIC_MODE！='REWRITE'？'&':'？').'order={%order%}&sort={%sort%}');
$pagebar->UrlRule->Rules['{%order%}']=$o;
$pagebar->UrlRule->Rules['{%sort%}']=(int)GetVars('sort'，'GET');
}
break;
}
}

其次在模板添加代码：

找到主题分类模板（catalog.php）文件，在适当的位置加入排序代码：

<formid="sort-list"class="filter-tag">
<spanclass="filter-l"><iclass="iconfont-paixu"></i>排序</span>
<liclass="filterorder">
<ahref=""rel="nofollow"class="{ifGetVars('order'，'GET')=='newest'||！GetVars('order'，'GET')}current{/if}"data-type="newest">Zui新<iclass="iconfont-chevron-{ifGetVars('sort'，'GET')}up{else}down{/if}"></i></a>
<ahref=""rel="nofollow"class="{ifGetVars('order'，'GET')=='view'}current{/if}"data-type="view">浏览<iclass="iconfont-chevron-{ifGetVars('sort'，'GET')}up{else}down{/if}"></i></a>
<ahref=""rel="nofollow"class="{ifGetVars('order'，'GET')=='comment'}current{/if}"data-type="comment">评论<iclass="iconfont-chevron-{ifGetVars('sort'，'GET')}up{else}down{/if}"></i></a></li>
{if$zbp->Config('system')->ZC_STATIC_MODE！='REWRITE'}<inputtype="hidden"name="cate"value="{$category->ID}">{/if}
<inputtype="hidden"name="order"value="{GetVars('order'，'GET')}">
<inputtype="hidden"name="sort"value="{php}echo(int)GetVars('sort'，'GET'){/php}">
</form>

添加之后css样式自己修改，图标采用的是阿里图标库，如果您的奥森图标或者其他请自行更改<i class="icon font-paixu"></i>代码，值得注意的是 name="cate" 默认是指分类模板，如果是标签模板页需要修改成 name="tags" 就可以了。

Zui后添加js代码：

找到主题模板自带的js文件，在Zui后的位置添加如下代码，如果是放在html里，记得首位加上<script>如下代码</script>

//分类排序
！function(f){
vara=f.find('.ordera')，o=f.find('[name=order]')，s=f.find('[name=sort]');
a.click(function(){
varv=$(this).data('type');
if(v===o.val()){
s.val(s.val().toString()==='1'？0:1);
}else{
s.val(''===o.val()&&！$(this).index()？1:0);
o.val(v);
}
f.submit();
returnfalse;
})
}($('#sort-list'))

效果如开篇的图，大功告成。

来源：李洋博客

标签：建站