迅睿CMS教程:栏目模型自定义字段筛选/联动搜索功能
迅睿XunRuiCMS是一款开源的内容管理系统,它遵循MIT开源协议,这意味着用户可以免费使用,并且能将其用于商业项目。这款系统备受开发者喜爱,原因在于官方提供了详尽的文档、众多免费主题,以及吸引了大量开发者入驻。今天,在为武汉一家家具装饰公司开发企业官网时,客户提出希望在产品板块下增加商品分类筛选功能。为了实现这一筛选和搜索需求,我们考虑通过添加模型并自定义字段联动搜索的方式来完成,这是开发过程中较为常见的做法,在这里给大家分享具体的实现步骤。
示例代码
<!-- 属性筛选 -->
<div class="case-filter">
<div class="filter-item">
<span>风格:</span>
<label><a class="label {if !$params.fengge || dr_linkage('fengge', $params.fengge, 0, 'child')}label-active{else}label-default{/if}" href="{Router::search_url($params, 'fengge', NULL)}">不限</a></label>
{list action=linkage code=fengge pid=$params.fengge}
<label><a class="label {if $t.id==$params.fengge}label-active{else}label-default{/if}" href="{Router::search_url($params, 'fengge', $t.id)}">{$t.name}</a></label>
{/list}
</div>
<div class="filter-item">
<span>类别:</span>
<label><a class="label {if !$params.leibie || dr_linkage('leibie', $params.leibie, 0, 'child')}label-active{else}label-default{/if}" href="{Router::search_url($params, 'leibie', NULL)}">不限</a></label>
{list action=linkage code=leibie pid=$params.leibie}
<label><a class="label {if $t.id==$params.leibie}label-active{else}label-default{/if}" href="{Router::search_url($params, 'leibie', $t.id)}">{$t.name}</a></label>
{/list}
</div>
</div>
条件搜索
<!-- 搜索 -->
<div class="case-search">
<input type="text" class="form-control" onkeypress="if(event.keyCode==13) {dr_module_search();return false;}" name='keyword' value='{$keyword}' id='search_keyword' placeholder="在当前条件下搜索">
<button class="search-btn" onclick="dr_module_search()" type="button"> <i class="fa fa-search"></i> 搜索</button>
</div>
参考文档:迅睿CMS首页调用模块的条件搜索
共有 0 条评论