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
    还没有评论,快来抢沙发吧!
Top