| 主题 : 您好，网站头部的站内搜索功能怎么实现呢 |
级别: 总版主
 |
2# 发表于:2021-10-08 17:15:41 IP:111.200.*.*
搜索代码在header头部您可以自己研究看下 |
||
|---|---|---|---|
级别: 解元
 |
3# 发表于:2021-10-18 10:39:41 IP:123.38.*.*
这是搜索框部分
<form action="/cx" target="_blank"> <input name="q" value="${q!'请输入关键词'}" type="text" id="stxt" onfocus="if(this.value=='请输入关键词')this.value=''" onblur="if(this.value=='')this.value='请输入关键词'" maxlength="24" autocomplete="off" /> <span id="fid_box"> </form> 这是搜索结果页面 <!DOCTYPE html> <html> <head> <title>沈阳市人民检察院</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"/> <meta name="keywords" content=""/> <meta name="keywords" content="沈阳市人民检察院" /> <meta name="description" content="沈阳市人民检察院" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="${res}/assets/css2/base.css" rel="stylesheet"> <link href="${res}/assets/css2/m.css" rel="stylesheet"> <script src="${res}/assets/js2/jquery-1.8.3.min.js" ></script> <script src="${res}/assets/js2/main.js"></script> <script src="${res}/assets/js2/index.js"></script> <script src="${res}/assets/js2/modernizr.js"></script> <!-- banner--> <link rel="stylesheet" href="${res}/assets/css2/swiper.min.css"> <script src="${res}/assets/js2/swiper.min.js"></script> <script src="${res}/assets/js2/banner.js"></script> </head> <body> <header> [#include "../includes/header.html" /] </headr> <div class="clear blank"></div> <article style="width:1170px;"> <div class="wztitle left-box"> <div class="wztitle left-box"> 当前位置:<a href='${base}/'>首页</a> > [#list channel.nodeList as n]<a href='${n.url}' target='_blank'>${n.name}</a>[#if n_has_next] > [/#if][/#list] > <div class="cb">搜索结果</div> [#if q??] [@cms_lucene_page q=q channelId=channelId descLen='100' append='...' count='20'] <div class="search_msg"> 您搜索的<span class="red">“${q!}”</span>， 共有 <span class="red">${tag_list?size} 条</span> 查询结果， </div> [#list tag_list as s] <dl class="list3"> <dt><span>[<a href="${s.ctgUrl}" target="_blank">${s.ctgName}</a>]</span> <a href="${s.url}" title="${s.title}" target="_blank">${s.title}</a></dt> <dd class="zy">[@text_cut s=s.description len=descLen append=append/]</dd> <dd>来源： <a href="${s.originUrl!}" target="_blank">${s.origin!'本站原创'}</a> 发布时间： ${s.releaseDate} </dd> </dl> [/#list] [/@cms_lucene_page] [/#if] </div> </div> <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/page.js"></script> <script> $(function(){ $(".pageBox1").pageFun({ /*在本地服务器上才能访问哦*/ interFace:"data/page.json", /*接口*/ displayCount:4, /*每页显示总条数*/ maxPage:5,/*每次最多加载多少页*/ dataFun:function(data){ var dataHtml = '<li>'+data.dataNum+'</li>'; return dataHtml; }, pageFun:function(i){ var pageHtml = '<li class="pageNum">'+i+'</li>'; return pageHtml; } }) $(".pageBox2").pageFun({ /*在本地服务器上才能访问哦*/ interFace:"data/page.json", /*接口*/ displayCount:4, /*每页显示总条数*/ maxPage:5,/*每次最多加载多少页*/ dataFun:function(data){ var dataHtml = '<li>'+data.dataNum+'</li>'; return dataHtml; }, pageFun:function(i){ var pageHtml = '<li class="pageNum">'+i+'</li>'; return pageHtml; } }) }) </script> </article> <div class="clear blank"></div> [#include "../includes/footer.html"/] <a href="#" title="返回顶部" class="icon-top"></a> </body> </html> 现在页面能跳过去，但啥也搜不出来，是我写的不对吗 |
||
|---|---|---|---|
级别: 总版主
|
5# 发表于:2021-10-18 11:04:22 IP:59.210.*.*
截图看下搜索页面 |
||
|---|---|---|---|
这样