web前端:大白教大家如何实现织梦站内搜索框功能
- web前端
- 时间:2019-12-30
- 人已阅读
记得大白还在“鹰眼智客”上班的时候,公司的总监希望我在网站上添加一个搜索功能,大白那时候不会。后来建了自己的博客,大白终于有机会来练练手了。大白用的是织梦系统,所以在网上搜了一些相应的教程,发现有点要么太短信息不劝你,要么就是涉及到PHP。所以大白把相关有用的整理了一下,希望对以后需要的小伙伴有所帮助,话不多说,开始。
首先:找到织梦自带搜索模板的代码
在网站的根目录下依次进入templets-->default文件夹下,找到search.htm并打开,大概从19行开始到29行结束(也就是class=search_box的整个div标签),复制下来。放到自己需要用的模板中,一般可以放在head.html里面,这样调用方便整个网站所有页面都能搜索。如图:
然后:修改代码
把class=search_box的整个div标签代码修改成自己想要的代码:比如
<div class="search_box">
<form name="formsearch" action="/plus/search.php" method="post">
<input name="q" type="text" id="search-keyword" value="在这里搜索..."
onfocus="if(this.value=='在这里搜索...'){this.value='';}" onblur="if(this.value==''){this.value='在这里搜索...';}" />
<select name="searchtype" id="search-option">
<option value="title" selected='1'>检索标题</option>
<option value="titlekeyword">智能模糊</option>
</select>
<input value="搜 索" type="submit" />
</form>
</div>
也可以适当的加上一些样式
最后:在你的主模板文件夹下新建search.htm
新建一个search.htm模板,放入自己的模板目录里面 ,加入以下调用标签即可。
列表调用标签为:
{dede:list perpage='4'} <div>test: [field:title/]</div>
<div>这里就是文章列表调用</div>
{/dede:list}
底层调用字段和首页、列表页调用字段一样。怎么样是不是很简单!如果有问题可以在文章下面留言!

说点什么吧
- 全部评论(0)
还没有评论,快来抢沙发吧!