个人工具
名字空间
变换
操作

CMSware搜索框和结果页的制作

来自站长百科
跳转到: 导航, 搜索

导航:返回上一页

搜索框的制作

  • 简单搜索框制作示例:

示例:

Cmsware167.png

<form name="searchForm" action="[$PUBLISH_URL]search.php?o=search&TableID=1" method="post">
<td height="34" align="right" background="[$Skin_images]index_24.gif">
<input type="text" name="Keywords" value="[$searchKeywords]">
<input type="hidden" name="Field" value="Title">
<input type="submit" name="Submit" value="搜索" class="button" onClick="if(this.form.Keywords.value=='') {alert('请输入关键字');return false;}">
<!--如果是图片按钮,用“<input type="image" name="Submit" src="[$skin_Images]search.gif" width="23" height="21" border="0">”即可-->
  
</td>
</form> 

[$PUBLISH_URL] 请在"系统管理-> 模版变量管理 "处设置. 你也可以自定义其它模版变量来实现你的需求

  • 复杂搜索效果图片

(2.7及其以前的版本如果使用复杂搜索遇到问题请下载2.85版的包,用publish/search.php, init.php, config.php替换掉你的publish下的同名文件):

Cmsware168.jpg

示例代码:

<!------------------------------------ 餐馆搜索开始 ------------------------------------>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<form action="[$PUBLISH_URL]search.php?o=search&TableID=3" method=post>
<tr>
<td align="left">我要在
<select name="Keywords[]">
<option value="">请选择</option>
<option value="城中">城中</option>
<option value="城东">城东</option>
<option value="城南">城南</option>
<option value="城西">城西</option>
<option value="城北">城北</option>
</select>
<input name="Field[]" type="hidden" id="field" value="Area">
<br><br>
找一家
<select name="Keywords[]">
<option value="">请选择</option>
<option value="中华美食">中华美食</option>
<option value="异域风味">异域风味</option>
<option value="风味小吃">风味小吃</option>
<option value="休闲饮吧">休闲饮吧</option>
</select>
<input name="Field[]" type="hidden" id="field" value="ShopType">
吃(喝)
<select name="Keywords[]">
<option value="">请选择</option>
<option value="陕西">陕西</option>
<option value="川菜">川菜</option>
<option value="粤菜">粤菜</option>
<option value="湖南">湖南</option>
<option value="北京">北京</option>
<option value="东北">东北</option>
<option value="新疆">新疆</option>
<option value="上海">上海</option>
<option value="江浙">江浙</option>
<option value="清真">清真</option>
<option value="火锅">火锅</option>
<option value="烧烤">烧烤</option>
<option value="海鲜">海鲜</option>
<option value="面食">面食</option>
<option value="饺子">饺子</option>
<option value="比萨">比萨</option>
<option value="烧烤">烧烤</option>
<option value="西餐">西餐</option>
<option value="日本">日本</option>
<option value="韩国">韩国</option>
<option value="东南亚">东南亚</option>
<option value="面食">面食</option>
<option value="砂锅">砂锅</option>
<option value="肉夹馍">肉夹馍</option>
<option value="烧烤">烧烤</option>
<option value="茶">茶</option>
<option value="咖啡">咖啡</option>
<option value="酒">酒</option>
</select>
<input name="Field[]" type="hidden" id="field" value="Dish">
<input type=submit value=搜索 name=submit2 onClick="if(this.form.Keywords.value=='') {alert('请输入关键字');return false;}">

</td>
</tr>
</form>
</table>
<!------------------------------------ 餐馆搜索结束 ------------------------------------>

搜索结果页模版的制作

我们参照默认的搜索结果页来学习怎么制作默认结果页如图

Cmsware169.jpg

代码解读:

第一部分,该关键字的相关检索信息

[$searchResultInfo.num]<!--检索到的结果总数-->
[$searchKeywords]<!--当前检索关键词-->
[$searchResultInfo.from]- [$searchResultInfo.to]<!--当前检索输出的结果范围,比如,50-100条-->共[$searchResultInfo.pageNum]页<!--当前检索总页数-->
[$pageList]<!-- 使用默认样式分页列出搜索结果-->

第二部分。列出所有该关键字的搜索结果

<loop name="searchResult" key="key" var="var" >
<table width="778" border="0" cellspacing="0" cellpadding="8" align="center" bgcolor="#EBEFF5">
<tr bgcolor="#FFFFFF">
<td class=i width="3%">  </td>
<td class=i width="95%">
<a href="[$var.URL]" target="_blank"><!--该搜索结果的URL-->
<font color="#663333">
<span class="blue14">
[@highlight($var.Title,$searchKeywords)]<!--高亮显示包含该关键词的相关内容的标题中的该关键词-->
</span></font></a>
[$var.score]  
<font color="#666666">
发布时间:[@date('Y年m月d日 H:i', $var.PublishDate)]
</font>
</td>
<td class=i align="right" width="2%">  </td>
</tr>
<tr>
<td class=i colspan=5>
<blockquote><font color=#000000>
[@highlight(html2txt($var.Content), $searchKeywords,200)]
<!--截取包含该关键词的相关内容,显示200个字,并高亮显示内容中的该关键词--><br>
<a href="[$var.URL]" target="_blank">
<font color="#000000">
<font color="#666666">[$var.URL]</font>
</font></a>
</font>
</blockquote></td>
</tr>
</table>
</loop>



参考来源

留言