帝国CMS7.5按不同数据表搜索内容帝国CMS7.5按不同数据表搜索内容

生命不息,
折腾不止!

帝国CMS7.5按不同数据表搜索内容

写关于帝国CMS7.5按不同数据表搜索内容,源于覃师宁博客,每个栏目调用不同的数据表,但是目前覃师宁博客还没有找到帝国cms7.5跨表搜索全部栏目的写入,所以只能引用jquery写个tab选项按不同数据表搜索

先看效果图

 

帝国CMS7.5按不同数据表搜索内容

 

实现方式:

1、新建不同表对应的不同搜索模板

路径:后台--模板--搜索模板--管理搜索模板--增加搜索模板--复制默认搜索模板--所属系统模型(*)--选择不同系统模型

 

帝国CMS7.5按不同数据表搜索内容

 

根据需要新建不同的搜索模板,也就是说你需要几个TAB选项新建几个

2、适当的位置调用搜索表单

代码如下:

<div class="sousuo">
<form name="searchform" method="post" action="http://qinshining.com/e/search/index.php">
<input type="hidden" name="tbname" id="biao" value="diguocms">
<input type="hidden" name="show" value="title,smalltext,newstext">
<input type="hidden" name="tempid" id="tempid" value="1">
<ul class="sousou-catalog">
<li biao="diguocms" tempid="3" class="on">帝国cms</li>
<li biao="site" tempid="1" >网站制作</li>
<li biao="page" tempid="2">网页制作</li>
<li biao="shuo" tempid="4">师说</li>
</ul>
<ul>
<input type="text" name="keyboard" value="" class="soutext" /><input type="submit" value="搜 索" class="sou">
</ul>
</form>
</div>

重点解释一下代码:

<!-- tbname按数据表搜索 这里默认首选搜索数据表为diguocms  根据需要修改-->
<input type="hidden" name="tbname" id="biao" value="diguocms">
<!--  tempid所用搜索模板ID -->
<!--  搜索模板id查看路径:后台--模板--搜索模板--管理搜索模板 -->
<input type="hidden" name="tempid" id="tempid" value="1">
<!-- 搜索字段变量:字段包括:标题、简介、正文 -->
<input type="hidden" name="show" value="title,smalltext,newstext">
<!-- 下面biao指的是数据表名,tempid是对应数据表名的搜索模板id  其中class=“on”,代表默认搜索表背景加颜色-->
<li biao="diguocms" tempid="3" class="on">帝国cms</li>

3、在css文件加入css搜索样式:

/* 
搜索css样式 
by:覃师宁博客
url:http://qinshining.com/
 */
.sousuo{float:right;border-radius:0 5px 5px 0;}
.sousuo ul{ width: 100%; clear: both;}
.sousou-catalog{padding-bottom:30px!important;}
.sousuo ul li{cursor: pointer; float: left; color: #585E8B;width:70px; text-align: center; padding: 2px 5px; border-radius:2px;}
.sousuo ul li.on{  background: #585E8B; color:#fff;}
.sousuo .soutext{ border: 1px solid #cbcbcb; height: 30px; width: 400px; vertical-align: middle;line-height:30px;font-size: 14px; }
.sousuo .sou{height: 32px; width: 80px; border: none; border-left: none; background: #585E8B; color: #fff;vertical-align: middle;}

4、在页面尾部[!--temp.footer--]加入jquery代码

<script type="text/javascript">
$(".sousuo li").click(function(){
$(this).siblings().removeClass("on");
$(this).addClass("on");
var biao=$(this).attr("biao");
$("#biao").val(biao);
var tempid=$(this).attr("tempid");
$("#tempid").val(tempid);
});
</script>

设置完成,数据更新,把首页,列表页,信息页更新即可

赞() 打赏
未经允许不得转载:我的博客 » 帝国CMS7.5按不同数据表搜索内容
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们