DeDeBIZ织梦站内搜索功能制作教程

By snh102 at 2025-01-16 • 暂不可见举报

站内搜索是网站缺一不可的功能，没有站内搜索的网站是不完善的。

下面，是织梦搜索功能制作教程。也许，和你想的不太一样，因我做的太过简单。

默认代码

一般在 widget_search.htm 模板中，看看，下面是默认的站内搜索代码。

<div class="item-hot bg-white shadow-sm rounded p-3">
    <form class="search" name="formsearch" action="{dede:global.cfg_phpurl/}/search.php">
        <input type="hidden" name="kwtype" value="0">
        <div class="input-group">
            <input name="q" type="text" class="form-control" placeholder="请输入关键词">
            <div class="input-group-append"><button type="submit" class="btn btn-success"><i class="fa fa-search"></i></button></div>
        </div>
    </form>
</div>

这是默认的织梦站内搜索代码。

前端代码

而我做得是，前端代码如下，代码就是这么简单。但做好以后，推荐把它做成伪静态。

<div class="item-hot bg-white shadow-sm rounded p-3">
    <input id="fnbsearch" type="text" placeholder="输入关键字" value="">
    <div id="searchi" style="cursor:pointer;">搜索</div>
</div>
<!-- 没有加载JS库的就加上
<script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
-->
<script type="text/javascript">
$("#searchi").click(function() {
    let keyword = $("#fnbsearch").val();
    if (keyword.trim() == "") {
        alert("请输入搜搜的关键字");
        return false;
    }
    let href = '{dede:global.cfg_phpurl/}/search.php?q=' + keyword + '';
    window.open(href, "_blank");
})
 
$(function() {
    $('#fnbsearch').keydown(function(e) { 
        var e = e || event; keycode = e.which || e.keyCode; 
        if (keycode == 13) { $("#searchi").trigger("click"); 
        }
    });
})
</script>

站内搜索就两句代码：先把你的样式套起来，然后只要改两句代码就行了。