当前位置: 洪哥笔记 > PHP > WDCMS-站内搜索

 

WDCMS-站内搜索


关键词

WDCMS

摘要

WDCMS-站内搜索
一、完整的参考代码

效果图:

<div class="search">
 <form action="" method="get" id="searchForm">
 <input type="hidden" value="index" name="c" />
 <input type="hidden" value="search" name="a" />
 <div class="searchForm">
  <a href="#" onclick="$('#searchForm').submit();">搜索</a>
  <i class="fa fa-search"></i>
  <input type="text" name="kw" placeholder="请输入关键词" />
 </div>
 </form>
 <div class="hotwords">
  <a href="/index.php?catid=24">高级工程师</a> |
  <a href="/index.php?catid=13">工程师</a> |
  <a href="/index.php?catid=14">注册电气工程师</a> |
  <a href="/index.php?catid=14">注册监理工程师 </a>
 </div>
</div>

/*顶部搜索框*/
.search{margin-left: 400px;}
.searchForm{ height:30px; line-height:30px; padding-left:10px; width:352px; border:1px solid #A10B0D;}
.searchForm input{border:0px; width:230px; height:25px;}
.searchForm a{float:right; display:inline-block; width:80px; height:30px; background-color: #A10B0D; color:#fff; text-align:center;}
.hotwords{padding-top:5px; color: #666;}
.hotwords a{color: #666;}

二、搜索框相关代码
1、需要有一个search.html模板文件
2、表单代码:
<form action="" method="get" id="searchForm"> 
<input type="hidden" value="index" name="c" />
<input type="hidden" value="search" name="a" />
<input type="hidden" value="1" name="catid" />
    <input type="text" name="kw" placeholder="请输入关键词" /> 
    <a href="#" onclick="$('#searchForm').submit();">搜索</a> 
 </form>

三、原理
1、在index控制器中,有一个search的Action,所以c=index, a=search。
2、查询的关键词表单控件,名称为kw,在searchAction中可以接收。
3、其它可接收的参数:catid,栏目id;modelid模型id;page分页。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:WDCMS-站内搜索:http://www.splaybow.com/post/235953100520166818.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« wdcms会员模块开发说明 WDCMS-内页左侧分类列表 »