迅睿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>

参考文档:迅睿CMS栏目模型字段[联动菜单字段]搜索

条件搜索

<!-- 搜索 -->
      <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首页调用模块的条件搜索

 

THE END
分享
二维码
< <上一篇
下一篇>>