站内搜索是网站缺一不可的功能,没有站内搜索的网站是不完善的。下面,是织梦搜索功能制作教程。也许,和你想的不太一样,因我做的太过简单。默认代码一般在 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 中。