dedecms　搜索功能实现及下拉栏目

Posted 2020-10-07

如果你不会dedecms 搜索功能  请对自己说dedecms 

dedecms 搜索功能很简单，很简单,真的很简单！！

按步骤来说明吧

1 ， 找到下载解压出来的原版dedecms 源代码  /uploade/plus/search.php search.php 文件

　　把他放到项目中去与上面的路径一样（一般都会有的没有了在放）

2 ， 然后创建一个search.htm 文件（这里他是用来展示搜索的内容search.htm 与search.php 是对应关系不用

　　考虑路径问题）

3 ， 最重要的一部

　　找到项目中搜索代码

　　　　　　一， 这是我从dedecms源代码中摘抄下来的代码　　　　　　　

<div class="search">
　　<form name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php">
　　　　<div class="form">
　　　　<h4>搜索</h4>
　　　　<input type="hidden" name="kwtype" value="0" />
　　　　<input name="q" type="text" class="search-keyword" id="search-keyword" value="在这里搜索..." onfocus="if(this.value==‘在这里搜索...‘){this.value=‘‘;}" onblur="if(this.value==‘‘){this.value=‘在这里搜索...‘;}" />
　　　　<select name="searchtype" class="search-option" id="search-option">
　　　　　　<option value="title" selected=‘1‘>检索标题</option>
　　　　　　<option value="titlekeyword">智能模糊</option>
　　　　</select>
　　　　<button type="submit" class="search-submit">搜索</button>
　　　　</div>
　　　　</form>
<div class="tags">
<h4>热门标签:</h4>
　　<ul>
　　　　{dede:tag row=‘10‘ getall=‘1‘ sort=‘month‘}
　　　　　　<li><a href=‘[field:link/]‘>[field:tag /]</a></li>
　　　　{/dede:tag}
　　=</ul>
</div>
</div> 

　　　　　　二 ， 这是我从我做的项目中摘抄的代码

            <div class="mNav">
                <div class="mNav-close"><img src="https://i.cnblogs.com/EditPosts.aspx" width="19" height="19" /></div>
                <div class="NavSou left">
                <form action="#">
                    <select class="NavSou-select left top_selectbox">
                        <option value="shejishi">搜设计师</option>
                        <option value="anli">搜案例</option>
                    </select>
                    <input type="search" placeholder="请输入设计师名称" class="NavSou-input left top_keyword"/>  
                    <input type="button" class="NavSou-btn top_search"/> 
                    </form>
                </div>
　　　　　　三 ，从网上查到的搜索功能实现代码 下面代码可以直接复制到你的项目中去 叫你项目中的搜索模块去掉
　　　　　　　　　然后它会实现 单个种类搜搜 如果没搜搜的内容在展示时被弹框阻碍 ， 说明js 前台验证有阻碍 找到ｊｓ　文件删了哪一块　　
　　　　　　　　　

<form action="{dede:field name=‘phpurl‘/}/search.php" name="formsearch">

<div class="form">

<input type="hidden" name="kwtype" value="0" />

<input type="hidden" name="searchtype" value="titlekeyword" />

<input name="keyword" type="text" class="search-keyword" id="search-keyword" />

<select name="typeid" class="search-option" id="typeid">

<option value=‘0‘ selected=‘1‘>全部栏目</option>

{dede:channelartlist typeid=‘top‘ } 

{dede:type} <option value=‘[field:id/]‘>[field:typename/]</option>{/dede:type}

{dede:channel type=‘son‘ noself=‘yes‘} 

<option value=‘[field:id/]‘>-[field:typename/]</option>

{/dede:channel} 

{/dede:channelartlist}

</select><button type="submit" class="search-submit">搜索</button>

</div>

</form>

　　　　　　四 ， 结合以上三种 即可自己理解这修改 搜搜样式
　　　　 
　　　　　　二三 即使及项目与功能模块相结合得出
　　　　　　

<form action="{dede:field name=‘phpurl‘/}/search.php" name="formsearch">

<input type="hidden" name="kwtype" value="0" />
<input type="hidden" name="searchtype" value="titlekeyword" />

 

<!-- <input name="keyword" type="text" class="search-keyword" id="search-keyword" /> -->
<select name="typeid" class="NavSou-select left top_selectbox" id="typeid">

<option value=‘69‘ selected=‘1‘>搜索设计师</option>

<option value=‘68‘>搜索案例</option>

</select>
<input name="keyword" type="text" id="search-keyword" placeholder="请输入设计师名称" class="NavSou-input left top_keyword"/>
<button id="path" type="submit" class="NavSou-btn top_search"></button>

</form>

 

 

请参考  ！！