tag 高级搜索

更新时间：2020-07-17 17:14:22 作者：米拓建站

## 概述：
当tag标签的action参数值为`search.advanced`时，返回一个带有高级搜索功能的html，可设置全站搜索或按栏目搜索，搜索结果在`search.php`页面或搜索栏目列表页中展示。

【注意】高级搜索功能可参考“[高级搜索](https://doc.metinfo.cn/metinfo/lookup/lookup298.html "高级搜索")”进行设置。
## 使用范围：
可在所有模板文件中调用，一般用于模板文件`search.php`中。
## 类型：
功能标签，用于返回一个带高级搜索功能的html。
## 语法：

<tag action="search.advanced"></tag>
	
## 示例：
### 如何实现高级搜索功能
**场景案例：**全站搜索栏目页面，在高级搜索框中搜索“产品”，展示含有“产品”的搜索结果列表。
需在模板文件`search.php`中编写以下代码。
**模板代码：**

<tag action="search.advanced"></tag>
    <ul class="list-group list-group-full list-group-dividered met-pager-ajax">// 列表的父元素必须加上类名met-pager-ajax，这是与列表分页按钮功能相关的
    <tag action='search.list' num="$c[‘met_search_list’]">// 调取搜索结果列表，请参考搜索结果列表文档
    //$v包含了每条内容的所有数据，相当于一个数组，可以通过{$v.字段名}的方式来渲染内容数据，具体请参考搜索结果列表标签文档
        <li class="list-group-item">
            <h4>
                <a href="{$v.url}" title='{$v.ctitle}' {$g.urlnew}>
                    <if value="$v['ctitle']">{$v.ctitle}<else/>{$v.title}</if>//通过if标签是否有纯列表标题文字，有则显示列表标题，没有则显示带自定义样式的列表标题，if标签用法请参考if else elseif标签文档https://doc.metinfo.cn/mb/mbtag/85.html
                </a>
            </h4>
            <a class="search-result-link" href="{$v.url}" {$g.urlnew} title="链接关键词">{$v.url}</a>
            <if value="$v['content']">
            <p>{$v.content}</p>
            </if>
        </li>
    </tag>
    </ul>
    // PC端分页按钮
    <div class='m-t-20 text-xs-center hidden-sm-down' m-type="nosysdata">
        <pager />
    </div>
    // 手机端分页按钮
    <div class="met-pager-ajax-link hidden-md-up" m-type="nosysdata" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
        <button type="button" class="btn btn-primary btn-block btn-squared ladda-button" id="met-pager-btn" data-plugin="ladda" data-style="slide-left" data-url="" data-page="1">
            <i class="icon wb-chevron-down m-r-5" aria-hidden="true"></i>
        </button>
    </div>

【注意】
- 搜索范围为“全部栏目”时，搜索结果在`search.php`页面展示，需搭配搜索结果列表标签([search.list](https://doc.metinfo.cn/mb/mbtag/73.html "search.list"))使用；
- 搜索范围为“指定一级栏目”时，搜索结果在搜索栏目列表页显示；
- if标签可参考[if标签手册](https://doc.metinfo.cn/mb/mbtag/85.html "if标签手册")；
- 搜索结果列表页必须添加分页，电脑端与手机端分页功能实现方式不同；
- 实际编写时请去掉注释文字。

**前台页面输出HTML：**
当搜索范围为“全部栏目”，搜索词为“产品”时，前台输出html如下：

<form method="get" class="page-search-form" role="search" action="../search/index.php?lang=cn" m-id="search_advanced" m-type="nocontent">
    	<input type="hidden" name="lang" value="cn" />
    	<input type="hidden" name="search" value="search" />
       // 栏目选择菜单
    	<div data-plugin='select-linkage' data-select-url="../include/open.php?a=doctun&lang=cn&module=11">
    		<select name="class1" class="form-control m-r-5 prov"></select>
    		<select name="class2" class="form-control m-r-5 city"></select>
    		<select name="class3" class="form-control m-r-5 dist"></select>
    	</div>
    	<div class="advanced_search_type">
           // 搜索内容选择菜单
    		<select name="stype" class="form-control m-r-5 " data-checked="0">
    			<option value="0">全部</option>
    			<option value="1">标题</option>
    			<option value="2">内容</option>
    			<option value="3">内容+标题</option>
    		</select>
    	</div>
        // 搜索框、搜索按钮
    	<div class="input-search input-search-dark">
    		<button type="submit" class="input-search-btn"> <i class="icon wb-search" aria-hidden="true"></i>
    		</button>
    		<input
    		type="text"
    		class="form-control input-lg"
    		name="searchword"
    		value="产品"
    		placeholder="请输入你感兴趣的关键词"
    		>
    	</div>
    </form>
    // 搜索结果列表
    <ul class="list-group list-group-full list-group-dividered met-pager-ajax">
        <li class="list-group-item">
            <h4>
                <a href="../xinwen/shownews.php?id=358" title="企业标志LOGO设计有哪些事项是需要忌讳和注意的" target="_self">企业标志LOGO设计有哪些事项是需要忌讳和注意的</a>
            </h4>
            <p>是传播是一个品牌的终极目的和核心需求。仔细想一下，你的品牌命名、广告语、<em style="font-style:normal;">产品</em>核心价值提取等等方面，辅助成了你的企业品牌形象，让你的品牌形象如何根深蒂...</p>
            <a class="search-result-link" href="../xinwen/shownews.php?id=358" target="_self" title="链接关键词">../xinwen/shownews.php?id=358</a>
    </li>
    // 实际情况可能有多条搜索结果，此处只列举一条
    </ul>
    <div class="m-t-20 text-xs-center hidden-sm-down" m-type="nosysdata">
        <div class="met_pager">
            <span class="PreSpan">上一页</span>
            <a href="../search/index.php?search=search&searchword=产品&stype=0&module=&lang=cn&page=1&search=search" class="Ahover" title="链接关键词">1</a>
            <a href="../search/index.php?search=search&searchword=产品&stype=0&module=&lang=cn&page=2&search=search" title="链接关键词">2</a>
            <a href="../search/index.php?search=search&searchword=产品&stype=0&module=&lang=cn&page=2&search=search" class="NextA" title="链接关键词">下一页</a>
            <span class="PageText">转至第</span>
            <input type="text" id="metPageT" data-pageurl="../search/index.php?lang=cn&search=search&searchword=产品&page=|&search=search|2" value="1">
            <input type="button" id="metPageB" value="页">
        </div>
    </div>
    <div class="met-pager-ajax-link hidden-md-up invisible" m-type="nosysdata" data-plugin="appear" data-animate="slide-bottom" data-repeat="false" style="">
        <button type="button" class="btn btn-primary btn-block btn-squared ladda-button" id="met-pager-btn" data-plugin="ladda" data-style="slide-left" data-url="" data-page="1">
            <i class="icon wb-chevron-down m-r-5" aria-hidden="true"></i>
        </button>
    </div>

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}