服务器之家

服务器之家 > 正文

dedecms搜索结果页实现按频道模型显示不同结果模板的方法

时间:2019-07-04 14:44     来源/作者:织梦教程网

dedecms本身自带的模板有图片模型、文章模型、软件模型等,有时候为了用户体验需要给搜索框加一个判定,例如搜索软件模型的时候显示软件模型的模板,搜索文章模型的时候显示文章模型的模板。

具体的实现代码如下:

1.在head区域加入

 

复制代码
代码如下:
<script language="javascript" type="text/javascript">
function check(){
if(document.formsearch.channeltype.value=="1")
document.formsearch.action="{dede:field name='phpurl'/}/search.php"
else
document.formsearch.action="{dede:field name='phpurl'/}/search_news.php"
}
</script>

 

2.更改搜索代码

 

复制代码
代码如下:
<form name="formsearch" action="" data-ke-onsubmit="check();">
<div class="form">
<input type="hidden" name="kwtype" value="0" />
<input name="q" type="text" class="search-keyword" id="search-keyword" value="{dede:global name='keyword' function='RemoveXSS(@me)'/}" />
<select name="channeltype" id="channeltype" >
<option value='1' selected='1'>新闻</option>
<option value='3'>软件</option>
</select>
<button type="submit" class="search-submit">搜索</button>
</div>
</form>

 

其中重点就是

 

复制代码
代码如下:
<select name="channeltype" id="channeltype" >
<option value='1' selected='1'>新闻</option>
<option value='3'>软件</option>
</select>

 

关键设置:这里设置的按模型搜索  1是文章模型 3是软件模型

3.复制serach.php 更名为 search_images.php

4.打开 search_images.php

 

复制代码
代码如下:
require_once(DEDEINC."/arc.searchview.class.php");

 

更改为

 

复制代码
代码如下:
require_once(DEDEINC."/arc.searchimg.class.php");

 

5.复制 arc.searchview.class.php 更名为 arc.searchimg.class.php

6.打开 arc.searchimg.class.php
查找
 

复制代码
代码如下:
$tempfile = $GLOBALS['cfg_basedir'].$GLOBALS['cfg_templets_dir']."/".$GLOBALS['cfg_df_style']."/search.htm";

更改为

复制代码
代码如下:
$tempfile = $GLOBALS['cfg_basedir'].$GLOBALS['cfg_templets_dir']."/".$GLOBALS['cfg_df_style']."/search_images.htm
 

相关文章

热门资讯

抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍 2019-06-05
淘宝合合卡可以送好友吗 淘宝合合卡快速获得方式
淘宝合合卡可以送好友吗 淘宝合合卡快速获得方式 2019-06-13
叠猫猫可以邀请多少人 叠猫猫大挑战一个队最多多少人
叠猫猫可以邀请多少人 叠猫猫大挑战一个队最多多少人 2019-06-05
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部