精华内容
下载资源
问答
  • Android实现ListView的A-Z字母排序和过滤搜索功能,完整源码,小伙伴需要的来CSDN下载吧!项目详情http://blog.csdn.net/xiaanming/article/details/12684155
  • VUE实现搜索框搜索功能

    万次阅读 2019-08-28 18:12:07
    实现效果如下: HTML部分:添加搜索框 JavaScript部分: PS:orderlist是订单列表的数据。...vue实现搜索功能 vue如何实现搜索功能 以及逻辑 (代码与笔记都粗劣,请各位大佬指点一二) ...

    实现效果如下:

    HTML部分:添加搜索框

    JavaScript部分:

    PS:orderlist是订单列表的数据。

     

    参考链接:

    (代码与笔记都粗劣,请各位大佬指点一二)

    展开全文
  • [微信小程序]搜索功能实现,搜索框样式

    万次阅读 多人点赞 2017-11-28 11:21:11
    微信小程序开发交流qq群 173683895 ...一:搜索功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view cla...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    正文:

    上效果图:

    一:搜索框功能实现

    1.在首页做一个搜索框的样式并实现跳转到搜索页面

     

      <view class='page_row' bindtap="suo">
        <view class="search">
          <view class="df search_arr">
            <icon class="searchcion" size='20' type='search'></icon>
            <input class="" disabled placeholder="请输入关键字" value="{{searchValue}}"/>
          </view>
        </view>
        <view class='sousuo'>搜索</view>
      </view>

     

    .search{
      width: 80%;
    }
    .search_arr {
      border: 1px solid #d0d0d0;
      border-radius: 10rpx;
      margin-left: 20rpx;
    }
    .search_arr input{
      margin-left: 60rpx;
      height: 60rpx;
      border-radius: 5px;
    }
    .bc_text {
      line-height: 68rpx;
      height: 68rpx;
      margin-top: 34rpx;
    }
    
    .sousuo {
      margin-left: 15rpx;
      width: 15%;
      line-height: 150%;
      text-align: center;
      border: 1px solid #d0d0d0;
      border-radius: 10rpx;
    }
    .page_row{
      display: flex;
      flex-direction: row
    }
    .searchcion {
      margin: 10rpx 10rpx 10rpx 10rpx;
      position: absolute;
      left:25rpx;
      z-index: 2;
      width: 20px;
      height: 20px;
      text-align: center;
    }

    js.点击跳转到搜索的页面

     

     

     

     

      suo: function (e) {
        wx.navigateTo({
          url: '../search/search',
        })
      },


    2.搜索页面实现搜索功能

     

     

    <!--pages/search/search.wxml-->
    <view class="search page_row">
      <input class="df_1" placeholder="请输入你有搜索的内容" value="{{searchValue}}" bindinput="searchValueInput" />
      <button bindtap="suo" data-id='1'>
        媒婆
      </button>
      <button bindtap="suo" data-id='2'>
        单身
      </button>
    </view>
    <view class="search_no" wx:if="{{!centent_Show}}">
      <text>很抱歉,没有找到您要搜索的资料/(ㄒoㄒ)/~~</text>
    </view>
    <import src="../index/card/card.wxml" />
    <template is="nanshen_card" data="{{nanshen_card,img}}" />

     

     

     

    var app = getApp();
    var searchValue =''
    // pages/search/search.js
    Page({
      data: {
        centent_Show: true,
        searchValue: '',
        img: '',
        nanshen_card:''
      },
      onLoad: function () {
      },
      searchValueInput: function (e) {
        var value = e.detail.value;
        this.setData({
          searchValue: value,
        });
        if (!value && this.data.productData.length == 0) {
          this.setData({
            centent_Show: false,
          });
        }
      },
      suo:function(e){
        var id= e.currentTarget.dataset.id
        var program_id = app.program_id;
        var that = this;
        wx.request({
          url: 'aaa.php',//这里填写后台给你的搜索接口
          method: 'post',
          data: { str: that.data.searchValue, program_id: program_id, style:id },
          header: {
            'content-type': 'application/x-www-form-urlencoded'
          },
          success: function (res) {
            if(res.data.length ==0){
              that.setData({
                centent_Show: false,
              });
            }
            that.setData({
              nanshen_card: res.data,
            });
          },
          fail: function (e) {
            wx.showToast({
              title: '网络异常!',
              duration: 2000
            });
          },
        });
      }
    });

     

     

     

     

     

     

     
    /* pages/search/search.wxss */
    @import "../index/card/card";
    .searchcion{
        width: 24px;
        height: 24px;
        text-align: center;
        margin-top: 5rpx
    }
    .search{
        padding: 1% 3%;
        background: #D0D0D0;
    }
    .search input{
        width: 85%;
        border-radius: 5px;
        background: #fff;
        border: none;
        font-size: 12px;
        padding:1% 2.5%;
        margin-right: 5px;
        }
    .search button{
        line-height:30px;
    
        text-align: center;
        border: none;
        font-size: 28rpx;
        background: white
    }

     

    php实现代码

    <?php
        header("Content-Type:text/html;charset=utf8"); 
    	header("Access-Control-Allow-Origin: *"); //解决跨域
    	header('Access-Control-Allow-Methods:POST');// 响应类型  
    	header('Access-Control-Allow-Headers:*'); // 响应头设置 
        $link=mysql_connect("localhost","root","root"); 
        mysql_select_db("shige", $link); //选择数据库
        mysql_query("SET NAMES utf8");//解决中文乱码问题
        
    	$str = $_POST['str'];
    	
    	
    	//SQL查询语句 SELECT * FROM 表名  LIKE 模糊搜索的变量
    	$q="SELECT * FROM curriculum WHERE CONCAT_WS('',school,college,major,mtype,title) LIKE '%{$str}%'";
    	
        $rs = mysql_query($q); //获取数据集
        if(!$rs){die("数据库没有数据!");}
    	
    	//循环读取数据并存入数组对象
        $dlogs;$i=0;
        while($row=mysql_fetch_array($rs))
        {
    			    $dlog['title']= $row["title"];
    			    $dlog['mtype']= $row["mtype"];
    				$dlog['name']= $row["name"];
    				$dlog['mfile']= $row["mfile"];
    				$dlog['myear']= $row["myear"];
    				$dlog['school']= $row["school"];
    				$dlog['college']= $row["college"];
    				$dlog['major']= $row["major"];
    				$dlog['time']= $row["time"];
            $dlogs[$i++]=$dlog;
        }
    	
    	
        //以json格式返回html页面
        echo urldecode(json_encode($dlogs));
    ?>

     

     

     

     

     

    展开全文
  • hexo 搜索功能

    千次阅读 2018-01-12 20:43:42
    搜索功能真心好用,当文章多起来的时候,标签提供的作用已经很少了,只能简单索引,搜索却能精确查找,这里我用的依旧是最简单的本地站内搜索。 安装插件 npm install hexo-generator-searchdb --save 修改 ...

    搜索功能真心好用,当文章多起来的时候,标签提供的作用已经很少了,只能简单索引,搜索却能精确查找,这里我用的依旧是最简单的本地站内搜索。

    安装插件

    npm install hexo-generator-searchdb --save

    修改 站点配置 文件

    search:
      path: search.xml
      field: post
      format: html
      limit: 10000

    修改 主题配置文件

    local_search:
      enable: true
    展开全文
  • select搜索功能实现

    千次阅读 2017-12-29 10:11:16
    select实现搜索功能

    select搜索功能实现

    最近在找工作 没时间写博客 现在找到了 就发发工作上的代码吧!
    今天我们说说select标签的搜索功能;
    拿到任务时,我先想到就是上网找资料,最后看到的都是各种jquery插件,实在是不好用 我现在又不是开发新的项目,没法乱用插件。最后只能自己想:ps(纯js实现)

    1.实现可编辑select,我的实现方式就是在原有的select内容显示框中假如input输入框。掩盖一下;最后做值传递;
    2.对input的内容进行循环判断,做到搜索功能。
    3.对搜索出来的值,进行处理;
    4.放到select中去;
    

    这是效果图  应为没怎么修饰,大家凑合看

    下面上代码:

    <select  id="telUserName"  onchange="putValueToInput()">
                <option value="">--请选择--</option>
                <option value="yua">上海</option>
                <option value="yuangui">天津</option>
                <option value="fang">安徽</option>
                <option value="zhang">江苏</option>
                <option value="zhang">湖南</option>
                <option value="zhang">湖北</option>
            </select>
            <input  type="text" name="input"  placeholder="-请选择-" id="input" onblur="inputValue()" 
                    style="width:60px; height: 13px; position: absolute;left: 8px;top: 8px; "/>
            <div style="width:80px;border:1px solid #ccc;display:none; " id="DIV">
            </div>

    这是页面标签,下面来js:

    <script type="text/javascript">
            function putValueToInput(){
                var telUserName= document.getElementById("telUserName");
                var perpage=telUserName.options[telUserName.selectedIndex].text;
                var input=document.getElementById("input");
                input.value=perpage;
            }
    
            function inputValue(){
                var input=document.getElementById("input").value;
                var telUserName= document.getElementById("telUserName");
                var options=telUserName.getElementsByTagName("option");
                var div=document.getElementById("DIV");
                div.innerHTML="";
                var a = 0;
                for(var i=options.length-1;i>=1;i--){
                    var optionText=options[i].text;
                    if(optionText.indexOf(input) >= 0){
                        div.style.display='block';
                        div.innerHTML+="<span style='font-size: 12px;' onclick='getVlaue(this)'>"+optionText+"</span><br/>";
                        a++;
                    }
                }
                if(a==0){
                    div.style.display='none';
                }
            }
    
            function getVlaue(obj){
                var telUserName= document.getElementById("telUserName");
                var options=telUserName.getElementsByTagName("option");
                var div=document.getElementById("DIV");
                for(var i=options.length-1;i>=1;i--){
                    var optionText=options[i].text;
                    var optionValue=options[i].value;
                    if(obj.innerHTML==optionText){
                        telUserName.value=optionValue;
                        document.getElementById("input").value=optionText;
                        div.style.display='none';
                        div.innerHTML="";
                    }
            }   
        }
    
    </script>

    简要解释一下这三段js的作用
    1、putValueToInput()是实现select选中值回现到input中,应为我们这里的input就是对select标签内容的代替;
    2、inputValue()这是在input输入内容时,将input的value取出和select的options的值作对比;实现搜素功能;
    3、getVlaue将选中的值传给select和input;

    展开全文
  • 搜索功能测试点

    千次阅读 2019-04-11 09:28:12
    搜索功能测试(重点) 搜索内容为空,验证系统如何处理 搜索内容为空格,查看系统如何处理 边界值验证,在允许的字符串范围内外,验证系统的处理 超长字符串的输入,系统是否会截取允许的长度来检索结果 合法的字符...
  • vue实现搜索功能

    千次阅读 2019-06-05 12:07:37
    前言:最近小编也是刚跳槽新的公司一个月,前端技术栈是vue+element也是市面上...后端不自己做页面的筛选搜索功能,怎么让前端做这样的一个功能点的实现,可能小编太老实了吧。无所谓,不纠结这些,那就分析一下需求...
  • vue实现前端搜索功能

    万次阅读 2019-07-29 15:14:39
    这里实现基本的搜索功能,可以根据实际情形,再增添功能,将其变复杂。 将下面的代码贴过去,就可以直接体验简单的搜索功能。没有写样式,仅供大家了解实现的逻辑。 界面 界面通常包含最基础的几部分,一是搜索框...
  • phpcms搜索功能实现

    千次阅读 2018-04-27 17:53:49
    最近在做一个门户网站,用到了phpcms的搜索功能,之前一直想要实现这方面功能,但苦于静不下来心研究phpcms的实现原理,今天通过这个博客记录下我分析的过程,网上的资料相对比较零散,看的总是云里雾里的,这里做一...
  • GitHub 高级搜索功能 平常,我们在 github 上搜索代码的时候,通常是只搜索标题,而不搜索 文件中的内容。 问题来了。如果想找到一本书的完整配套代码,而你只有书中部分示例的代码,那么只搜标题肯定是很难搜到的。...
  • 仿织梦搜索搜索功能详解

    千次阅读 2014-12-24 09:56:24
    普通网站搜索功能。 首先需要创建一个搜索模板命名为 search.htm放在模板路径下。 将搜索后显示的页面需要放入search.htm模板中。其中: Name值为q,这是必须的。 二.中英文网站仿搜索功能。 我们使用...
  • 实现fastadmin搜索栏中动态下拉列表搜索功能 使用fastadmin自动生成的后台,搜索栏中含有分类搜索项时,默认显示的是文本框搜索,我们想要实现动态下拉列表搜索。
  • 宜立方商城——搜索功能的实现

    万次阅读 2018-06-03 16:31:52
    搜索功能的实现效果图模块划分需要的
  • Django简单全文搜索(Django实现搜索功能) 本文转载自简单全文搜索 搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用Django Model 层提供的一些内置方法来完成。现在我们来为我们的博客提供一个...
  • 咸鱼pc端搜索功能

    千次阅读 2018-05-07 12:44:05
    咸鱼pc端搜索功能 咸鱼pc端无搜索功能,那么如何搜索尼? 咸鱼app有搜索功能 另一种下面介绍 地址栏搜索法: 搜索宝贝 在地址栏上输入: ...地...
  • 手机软键盘实现搜索功能 最近一个移动端的项目需要实现点击手机软键盘的搜索键实现点击页面搜索按钮相同的功能,虽然功能挺小但是度娘了不短的时间才达到需求,下边我就大概的说一下实现思路希望对大家有所帮助 ...
  • PHPCMS V9 搜索功能

    万次阅读 2016-08-08 00:29:45
    PHPCMS v9的搜索功能很不给力,看教程文档说要开启搜索功能必须要先开启mysql全文索引功能,具体可以查看后台模块,全站搜索,这里这样写的: 注意:全文检索模块需要mysql开启全文索引功能. 开启方法:修改mysql...
  • 织梦添加搜索功能

    千次阅读 2018-01-11 16:35:48
    dede如何添加搜索功能代码如下     将以上代码放到对于的网站模板中即可, 一般讲织梦dedecms的搜索代码放置于顶部模板中, 方便全站调用。 添加好之后可以针对网站风格调整css样式和网站布局, ...
  • django 搜索功能的实现

    千次阅读 2018-08-05 23:15:43
    参考文章: 简单搜索功能实现:https://www.zmrenwu.com/post/19/ 复杂搜索功能实现,使用django-haystach:... # 搜索功能实现 q = request.GET.get('q', '') error_...
  • html页面查找搜索功能代码

    千次阅读 2020-09-18 23:59:06
    html页面查找搜索功能代码 html查找功能 <input type=“button” οnclick="javascript:search()"value=“搜索” /> 这里插入网页内容
  • Android搜索功能的案例,本地保存搜索历史记录

    万次阅读 多人点赞 2016-02-18 20:11:47
    同事负责开发的APP有一个搜索功能,并且需要显示搜索的历史记录,我闲暇之余帮她开发了这个功能,现把该页面抽取成一个demo分享给大家。实现效果如图所示: 本案例实现起来很简单,所以可以直接拿来嵌入项目中使用...
  • Javascript实现博客全文搜索功能

    千次阅读 2019-06-14 21:12:58
    搜索功能的亮点包括:使用纯前端代码实现搜索功能;对所有的博客建立索引文件,提高检索博客的效率;实现方法简单、操作简便、代码可扩展性强;支持绝大多数浏览器,电脑端和移动端界面和功能基本保持一致。通过在...
  • 搜索功能的实现

    千次阅读 2018-04-18 18:31:45
    在爱课帮http://www.ikebang.com的项目当中,需要新增加一个搜索功能,刚接到这个任务的时候头都大了,以前从来没有做过。但是办法总是想出来的,只好慢慢的做了。 主要技术 前端:jQuery、seajs 后台:php ...
  • 前端实时搜索功能

    万次阅读 2017-04-17 19:55:27
    **大部分页面都具备搜索功能。而作为前端,我们的目的只是将用户输入的内容返回给后台而后呈现反馈数据给用户,具体实现如下:** 1.基本布局: <i><img src="img/icon/icon-search-map.png"/></i>
  • hexo博客添加搜索功能

    千次阅读 热门讨论 2018-04-21 16:09:14
    hexo博客添加搜索功能 前言 当博文慢慢变多的时候,标签和分类已经不能提供太大的作用,无法准确的定位到自己想要看的博客上去,所以添加一个本站内搜索功能是很有必要的。 安装插件 直接在自己的博客文件夹下...
  • django 实现简单的搜索功能

    万次阅读 多人点赞 2018-06-23 15:05:03
    django 实现简单的搜索功能1 年,1 月前 4849 字 13259 阅读 7 评论搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用 django model 层提供的一些内置方法来完成。本文将结合 django 模型管理器的...
  • fastadmin自定义表格搜索功能

    万次阅读 2018-08-01 09:47:03
    在fastadmin的搜索功能中默认显示所有字段都可以进行搜索,而且是隐藏显示,但我们一般是需要显示出来让客户一目了然,而且有些字段搜索用不上,这边文章记录一下解决方法。 1.首先找到生成的js文件,在文件中找到...
  • layui数据表格实现重载数据表格功能,以搜索功能为例加载数据表格实现搜索功能和数据表格重载全部代码 加载数据表格 按照layui官方文档示例 HTML部分 &lt;table id="demo" lay-filter="test&...
  • Ajax实现搜索功能

    千次阅读 2014-08-19 10:19:40
    Ajax在搜索功能应用还是比较广泛的

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 108,810
精华内容 43,524
关键字:

搜索功能