cms09——搜索表单史上最全教程【不会你来打我】
本节知识点：
-
帝国搜索文档
参考官方帝国文档我们可以知道form表单的写法如下，总结下方我们可以知道搜索成功的要素：关键字、搜索字段、搜索的栏目、搜索返回的html搜索模版，最后一个搜索表单结果html如果不写也是可以有返回页面内容的，只是返回的是帝国的默认搜索模板，当然我们也可以自定义。
<table width="320" border="0" cellspacing="1" cellpadding="3">
<form name="searchform" method="post" action="/e/search/index.php">
<tr>
<td>关键字：<input name="keyboard" type="text" size="10"></td>
<td>范围：
<select name="show">
<option value="title">标题</option>
<option value="smalltext">简介</option>
<option value="newstext">内容</option>
<option value="writer">作者</option>
<option value="title,smalltext,newstext,writer">搜索全部</option>
</select></td>
</tr>
<tr>
<td>栏 目:
<select name="classid">
<option value="0">搜索全部</option>
<option value="1">新闻中心</option>
<option value="4">技术文档</option>
<option value="22">下载中心</option>
</select> </td>
<td><input type="submit" name="submit" value="搜索"></td>
</tr>
</form>
</table>-
搜索实现目标
- 仅仅是输入关键词
- 搜索新闻中心的国内新闻的标题和内容
- 搜索的返回的模版是自定义模版
由上面要求可知，我们要显示的是关键词，其他都需要隐藏起来[hidden]
<div class="search-form">
<!--搜索功能-->
<form name="searchform" method="post" action="/e/search/index.php">
<div class="form-group">
<fieldset>
<input name="keyboard" type="search" class="form-control" value="" size="10" placeholder="这里搜索" required>
<!--搜索结果返回为字段必须对应 【系统>数据表与系统模型>管理数据表>新闻系统数据表>管理字段】-->
<input type="hidden" name="show" value="title,newstext">
<!--搜索栏目ID为36 【国内新闻】-->
<input type="hidden" name="classid" value="34">
<input type="submit" name="submit" value="现在搜索！" class="theme-btn">
<!--返回搜索结果模版ID为2-->
<input type="hidden" name="tempid" value="2">
</fieldset>
</div>
</form>
<br>
<h3>最近搜索关键词</h3>
<ul class="recent-searches">
<li><a href="#">广东</a></li>
<li><a href="#">台州</a></li>
<li><a href="#">自然资源</a></li>
<li><a href="#">用地使用权挂牌出让</a></li>
<li><a href="#">南宁市国土资源</a></li>
<li value="34" class="search_sucai"><strong>34 国内新闻</strong></li>
</ul>
</div>-
搜索界面效果图
-
搜索模版效果图
-
搜索模版定义
为了能够返回我们自己的定义的搜索结果模版，需要在模版>管理搜索模板>新增我们自定义的搜索返回模版，参考默认即可，下面是例子：
- 1 var部分
<ul class="list-style-two">
<li><a class="l" href="[!--titleurl--]" target="_blank">[!--title--]</a></li>
<div class="text">
[!--smalltext--]
<br>
<span>内容链接地址：</span><span class="a">[!--titleurl--] - [!--newstime--]</span>
<br>
<span>类别：</span><a class="fl" href="[!--this.classlink--]" target="_blank">[!--this.classname--]</a>
</div>
</ul>- 2 html部分
<section class="about-section-two" id="about-section">
<div class="auto-container">
<div class="parallax-scene parallax-scene-1 anim-icons">
<span data-depth="0.20" class="parallax-layer icon icon-rainbow-3"></span>
<span data-depth="0.40" class="parallax-layer icon icon-star-2"></span>
<span data-depth="0.30" class="parallax-layer icon icon-star-5"></span>
<span data-depth="0.50" class="parallax-layer icon icon-plane-2"></span>
</div>
<div class="sec-title text-center">
<span class="title">搜索关键字：[!--keyboard--]</span>
<h2>搜索结果</h2>
</div>
<div class="row">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
<div class="inner-column">
<div class="text"> 总记录数：[!--ecms.num--]
</div>
<!-- <ul class="list-style-two">
<li>支持孩子的个性</li>
<li>儿童室内/室外游戏</li>
<li>专业合格教师</li>
<li>儿童最佳学习学校</li>
</ul>-->
[!--empirenews.listtemp--]
<!--list.var1-->
[!--empirenews.listtemp--]
<div class="btn-box"><a href="about.html" class="theme-btn btn-style-one">发现更多</a>
</div>
</div>
</div>
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image-box">
<figure class="image wow fadeInLeft"><img
src="[!--news.url--]skin/web/images/resource/about-img-1.jpg" alt=""></figure>
<figure class="image2 wow fadeInRight"><img
src="[!--news.url--]skin/web/images/resource/about-img-2.jpg" alt=""></figure>
</div>
</div>
</div>
</div>
</div>
</section>-
搜索关键字