dedecms 搜索功能实现及下拉栏目

如果你不会dedecms 搜索功能  请对自己说dedecms

dedecms 搜索功能很简单,很简单,真的很简单!!

按步骤来说明吧

1 , 找到下载解压出来的原版dedecms 源代码  /uploade/plus/search.php search.php 文件

  把他放到项目中去与上面的路径一样(一般都会有的没有了在放)

2 , 然后创建一个search.htm 文件(这里他是用来展示搜索的内容search.htm 与search.php 是对应关系不用

  考虑路径问题)

3 , 最重要的一部

  找到项目中搜索代码

      一, 这是我从dedecms源代码中摘抄下来的代码       

<div class="search">
  <form name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php">
    <div class="form">
    <h4>搜索</h4>
    <input type="hidden" name="kwtype" value="0" />
    <input name="q" type="text" class="search-keyword" id="search-keyword" value="在这里搜索..." onfocus="if(this.value==‘在这里搜索...‘){this.value=‘‘;}" onblur="if(this.value==‘‘){this.value=‘在这里搜索...‘;}" />
    <select name="searchtype" class="search-option" id="search-option">
      <option value="title" selected=‘1‘>检索标题</option>
      <option value="titlekeyword">智能模糊</option>
    </select>
    <button type="submit" class="search-submit">搜索</button>
    </div>
    </form>
<div class="tags">
<h4>热门标签:</h4>
  <ul>
    {dede:tag row=‘10‘ getall=‘1‘ sort=‘month‘}
      <li><a href=‘[field:link/]‘>[field:tag /]</a></li>
    {/dede:tag}
  =</ul>
</div>
</div>

      二 , 这是我从我做的项目中摘抄的代码

            <div class="mNav">
                <div class="mNav-close"><img src="https://i.cnblogs.com/EditPosts.aspx" width="19" height="19" /></div>
                <div class="NavSou left">
                <form action="#">
                    <select class="NavSou-select left top_selectbox">
                        <option value="shejishi">搜设计师</option>
                        <option value="anli">搜案例</option>
                    </select>
                    <input type="search" placeholder="请输入设计师名称" class="NavSou-input left top_keyword"/>
                    <input type="button" class="NavSou-btn top_search"/>
                    </form>
                </div>      三 ,从网上查到的搜索功能实现代码 下面代码可以直接复制到你的项目中去 叫你项目中的搜索模块去掉         然后它会实现 单个种类搜搜 如果没搜搜的内容在展示时被弹框阻碍 , 说明js 前台验证有阻碍 找到js 文件删了哪一块           

<form action="{dede:field name=‘phpurl‘/}/search.php" name="formsearch">

<div class="form">

<input type="hidden" name="kwtype" value="0" />

<input type="hidden" name="searchtype" value="titlekeyword" />

<input name="keyword" type="text" class="search-keyword" id="search-keyword" />

<select name="typeid" class="search-option" id="typeid">

<option value=‘0‘ selected=‘1‘>全部栏目</option>

{dede:channelartlist typeid=‘top‘ }

{dede:type} <option value=‘[field:id/]‘>[field:typename/]</option>{/dede:type}

{dede:channel type=‘son‘ noself=‘yes‘}

<option value=‘[field:id/]‘>-[field:typename/]</option>

{/dede:channel}

{/dede:channelartlist}

</select><button type="submit" class="search-submit">搜索</button>

</div>

</form>

      四 , 结合以上三种 即可自己理解这修改 搜搜样式           二三 即使及项目与功能模块相结合得出      

<form action="{dede:field name=‘phpurl‘/}/search.php" name="formsearch">

<input type="hidden" name="kwtype" value="0" />
<input type="hidden" name="searchtype" value="titlekeyword" />

<!-- <input name="keyword" type="text" class="search-keyword" id="search-keyword" /> -->
<select name="typeid" class="NavSou-select left top_selectbox" id="typeid">

<option value=‘69‘ selected=‘1‘>搜索设计师</option>

<option value=‘68‘>搜索案例</option>

</select>
<input name="keyword" type="text" id="search-keyword" placeholder="请输入设计师名称" class="NavSou-input left top_keyword"/>
<button id="path" type="submit" class="NavSou-btn top_search"></button>

</form>

请参考  !!

  
时间: 2024-12-18 06:40:42

dedecms 搜索功能实现及下拉栏目的相关文章

【经验】angularjs 实现带查找筛选功能的select下拉框

一.背景 对于select的下拉列表,像国家选择这样的功能,全世界那么多国家,一直拉滚动条多辛苦,眼睛也要盯着找,累!so,为优化用户体验,带查找功能的下拉框是非常非常有必要的.都知道jquery里有这样的插件,但我们用的是Angularjs,更希望用双向绑定,指令的方式优雅地解决这个问题. 分析:    目标 在原来的<select ng-options="">标签上新加一个属性 select-search 就能支持查找的功能.如果这个属性没起作用,也不影响原来的sele

获取联级下拉栏目

在数据库里有如下数据:其中子分类为零的为主导航, 将下面的栏目在前台显示出来,如下效果 .tpl如下: <tr><td>栏 目:<select name="nav"><option style="padding: 0;">请选择一个栏目类别</option>{$nav}</select></td></tr> 下面演示如何使数据在前台显示出: 1 两个要用的数据库函数如下:

自定义SWT控件三之搜索功能下拉框

3.搜索功能下拉弹出框 package com.view.control.select; import java.util.ArrayList; import java.util.LinkedList; import java.util.List; import log.HikLog; import org.apache.commons.lang3.StringUtils; import org.eclipse.swt.SWT; import org.eclipse.swt.custom.CLa

yii2组件之下拉框带搜索功能(yii-select2)

简单的小功能,但是用起来还是蛮爽的.分享出来让更多的人有更快的开发效率,开开心心快乐编程. 如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有.都说到这个点上了,我们赶紧使用composer进行安装吧. 不急,先来看看效果图是啥样的,不然都没心情没欲望看下去. 啥玩意,不感兴趣?继续看嘛,看完再操作一边才能觉得好在哪里. 有木有感觉很帅气,当然啦,远远不止,还很上档次用起来效果也是杠杠的有木有. 好了好了,抓紧时间安装,不然聊起来真是没完没

无限下拉,还是分页?

原文出处: medium - Nick Babich   译文出处:掘金翻译计划 -  Ruixi 原文:http://design.jobbole.com/121314/ “我应该为我的项目选择无限下拉模式还是分页模式呢?” 一些设计师依然在为项目应该选择这两种模式之间的哪个来实现而纠结.每种模式都有他们的优势和劣势,而在这篇文章中,我们会概述这两种模式,并决定为我们的项目选择哪一个. 无限下拉模式 无限下拉模式使用户在浏览包含大量信息时能够使页面无穷无尽,它实现起来也并不复杂,只要在用户下滑

第一篇、实现上拉和下拉刷新

简介: 在iOS开发中,我们经常要用到下拉刷新和上拉刷新来加载新的数据,当前这也适合分页.iOS原生就带有该方法,下面就iOS自带的下拉刷新方法来简单操作. 功能: 1.下拉刷新(用系统自带的刷新控件实现) /** * 集成下拉刷新 */ -(void)setupRefresh { //1.添加刷新控件 UIRefreshControl *control=[[UIRefreshControl alloc]init]; [control addTarget:self action:@selecto

自定义控件基础02_下拉刷新_侧拉菜单_自定义属性

自定义控件02 自定义控件 ①,纯粹自定义绘制 ②,在原生的基础上追加功能. 1,下拉刷新功能(继承ListView追加功能)(下拉刷新,加载更多,两个功能) 1.1 下拉刷新 ①创建一个类,继承ListView 创建自定义适配器,设置数据 额外:自定义控件会放到view包下 ②自定义控件的头(即下拉的时候显示的view) 推荐名称initHeaderView();在构造方法中初始化这个头 this.addHeaderView()//添加一个头布局的控件,在listView顶部添加一个头 头部u

bootstrap怎么设置下拉菜单不点击,改成鼠标悬停直接显示下拉菜单

方法一: 实际上比较简单,只需要加一个css设置下hover的状态,把下拉菜单设置成block,具体css:.nav > li:hover .dropdown-menu {display: block;} 但是主导航失去链接的效果! 方法二: 不仅可以解决Bootstrap鼠标悬停的问题,还可以让一个菜单恢复链接实现点击下拉菜单效果是JS实现的,分析bootstrap.js文件发现,Bootstrap把下拉菜单写成了一个JQuery插件,在dropdown代码段中找到了关键的几句:$(docum

基于iscroll实现下拉和上拉刷新

http://www.zhangyunling.com/359.html 重要提示 本插件已经经过更新,查看更新的插件代码,以及介绍请查看:基于iscroll实现下拉和上拉刷新(优化); 在原生APP的开发中,有一个常见的功能,就是下拉刷新的功能,这个想必大家都是知道的,但是原生APP的开发,有一个很大的问题就是,你每次更新一些功能,就要用户重新下载一次版本,尤其是在IOS系统中,新版本还需要经过审核才能通过,这就使得版本的更新受到很大的限制,而如果我们改用网页来展示,那么只要改变服务器中网页的