首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]DeDeBIZ织梦站内搜索功能制作教程

发布于 2024-11-10 13:13:53
0
85

站内搜索是网站缺一不可的功能,没有站内搜索的网站是不完善的。下面,是织梦搜索功能制作教程。也许,和你想的不太一样,因我做的太过简单。默认代码一般在 widget_search.htm 模板中,看看,下...

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

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

默认代码

一般在 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>

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

样式分页

关于样式、分页标签、在 /system/archive/searchview.class.php 中。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流