精华内容
下载资源
问答
  • 2021-09-27 18:20:48

    原文地址:https://pengfeixc.com/blogs/website/site-search

    今天花了一些时间优化了网站的搜索功能。

    一.简易版搜索

    之前的网站搜索功能实现比较简单。过程大致如下:

    • 用户在搜索框输入要搜索的关键字。
    • 浏览器根据关键字,发送搜索请求。
    • 服务器收到请求。
    • 服务器根据搜索关键字,查询数据库(根据文章标题和文章描述),将查到的文章返回给浏览器。
    • 浏览器根据请求response,渲染文章列表。

    由于这个搜索功能只考虑了文章的标题和描述,没有搜索文章的内容,功能很弱,无法满足一般的搜索需求,所以一直计划着改进这个搜索功能。接下来的内容,都是我在尝试改进的过程中查找到的资料,在这里分享给大家。

    二.两个Library

    LunrJs

    LunrJs是一个用于浏览器的小型全文搜索库。

    可以通过npm安装。

    npm install lunr
    

    也可以通过script嵌入到页面中。

    <script src="https://unpkg.com/lunr/lunr.js"></script>
    

    使用方式如下。

    1. 创建index。

    准备搜索的documents参数。

    var documents = [{
        "name": "Lunr",
        "text": "Like Solr, but much smaller, and not as bright."
        }, {
        "name": "React",
        "text": "A JavaScript library for building user interfaces."
        }, {
        "name": "Lodash",
        "text": "A modern JavaScript utility library delivering modularity, performance & extras."
    }]
    

    使用documents创建index,想要在text字段中搜索,name是标识符。

    var idx = lunr(function () {
        this.ref('name')
        this.field('text')
    
        documents.forEach(function (doc) {
            this.add(doc)
        }, this)
    })
    
    1. 搜索关键字。
    idx.search("bright");
    
    1. 搜索结果。
    [
        {
            "ref": "Lunr",
            "score": 1.136,
            "matchData": {
                "metadata": {
                    "bright": {
                        "text": {}
                    }
                }
            }
        }
    ]
    

    ref表示创建index时的标识符。score表示分数,表示该页面的匹配程度,分数越高,匹配度越高。matchData表示匹配的数据。

    使用Lunr,完全可以满足网站内部的搜索,感兴趣的可以试试。

    三.自定义Search Engine

    一些机构提供了自定义搜索引擎的界面,可以嵌入到网站内使用,有付费的也有免费的。下面我介绍两个比较好且免费的,谷歌和bing。

    google自定义搜索引擎

    google Programmable Search Engine,谷歌提供的可以免费使用的自定义搜索引擎。

    优点自然不用说,就是将谷歌搜索引擎嵌入到网站内部,可以限定搜索内容的范围,例如限定在本网站。下面是我使用google自定义搜索引擎搜索本站内容下的页面,搜索关键字为typescirpt。

    google Programmable Search Engine

    缺点就是有墙,需要vpn翻墙。

    所以很可惜,因为需要梯子,我放弃了google搜索引擎。希望能有一天可以不用vpn也能用上google搜索吧。

    bing自定义搜索引擎

    必应也提供了自定义搜索引擎,与google的功能差不多,界面也可以完全自定义,而且不需要翻墙哦。

    这里进入官方页面。微软也提供了使用教程,请戳这里

    下图是我试用,bing自定义搜索引擎,搜索我的网站下的内容截图。

    bing custom search engine

    按照官方教程,自定义完成后,可以嵌入到个人网站内,免费使用,十分方便。

    但是使用此功能,需要订阅Azure的服务,虽然是免费的,但是订阅时,需要提供外汇银行卡。所以想要使用bing自定义搜索引擎,要提前办一张visa卡哦。

    四.最简单的方法

    最简单的方法,就是直接利用googlebing百度的浏览器搜索功能。

    这也是目前(2021年09月27日)我选择的方式,我选择的是bing。这里主要是利用到一个技巧,当我们使用bing搜索时,可以限定搜索某个域名下的内容。例如在我的网站内搜索"typescript"时,可以在浏览器搜索框输入以下文字。

    typescript site: pengfeixc.com
    

    以下是我用bing搜索的图片。

    bing search results

    所以,只需要在网站内部,跳转到bing,并且指定搜索内容就可以了。

    可以通过search api指定query字符串的方式,这里列出了所有查询字符串参数。

    参考文档,使用以下格式的url就可以打开bing搜索,在指定域名下查询指定内容。

    https://bing.com/search?q=<查找的内容>%20site%3A+<指定的域名>
    

    其中%20%3A是html编码,因为url地址栏不支持特殊字符。戳这里查看html编码字符。

    希望,以上内容可以帮到大家。

    (完)

    更多相关内容
  • vue实现简单搜索功能

    万次阅读 多人点赞 2020-11-12 00:51:11
    一、概述 在vue项目中,搜索功能是我们经常需要使用的一个场景,

    1、概述

    在vue项目中,搜索功能是我们经常需要使用的一个场景,最常用的是在列表数据中搜索一个想要的,今天的例子就是我们实现vue从列表数据中搜索,并展示。如下图所示:
    在这里插入图片描述

    2、功能逻辑

    2.1功能流程

    这里我们进行简单搜索功能,搜索逻辑是只要用户输入值与产品的名称进行模糊匹配,符合条件的数据进行展示,不符合条件的数据过滤。流程描述如下:

    1. 用户点击搜索框,输入内容;
    2. 检测到搜索框值变化,取用户输入值;
    3. 对用户输入值进行判断,若为空,则展示原列表,不为空则进行筛选;
    4. 将用户输入值与所有列表数据进行遍历匹配,若匹配,则展示匹配条目,完成搜索。

    2.2 流程图

    在这里插入图片描述
    这张图仅代表最简单的搜索流程,若需要进行一些复杂的处理,可以进行修改,比如说匹配的商品名称关键字变色等。

    3、功能实现

    3.1 vue组件化

    实现如上图功能,我们肯定是使用vue的组件特性,将搜索以及,产品列表抽成组件,以提高代码复用性,抽成组件之后,该页面将由三个部分组成,数据在以下三个组件之间传递:

    • 父组件:主页面,用于数据逻辑处理
    • 搜索组件:给父组件传递用户输入值;
    • 列表:展示从父组件接收的值。

    3.2 代码

    父组件:index.vue

    <template>
      <div>
        <title-bar :title="title" @goBack="goback"></title-bar>
        <search-input 
          :plhText="searchPlhText"
          @input-changed="searchInputChange"
        ></search-input>
        <div v-for="(prd,index) in productListRst" :key="index">
          <prd-item :prd="prd" @toPrdDetail="toPrdDetail"></prd-item>
        </div> 
      </div>
    </template>
    <script>
    import TitleBar from "@/components/TitleBar";
    import SearchInput from "./components/SearchInput";
    import PrdItem from './components/PrdItem';
    export default {
      name: "",
      components: {
        TitleBar,
        SearchInput,
        PrdItem
      },
      data() {
        return {
          title: "产品列表",
          searchPlhText: "请输入产品名称",
          productList: {}, // 产品列表
          productListRst: {}, // 搜索筛选之后的产品列表
        }
      },
      created() {
        // 初始化页面参数,按照生命周期,子组件需要的参数父组件需要在created生命周期取值
        this.initParams();
      },
      methods: {
        // 返回方法
        goback() {
          // this.$emit("GoBack");
        },
        // 初始化页面参数,获取产品列表
        initParams() {
          this.productList = [
            {
              imgPath: 'apple-1001.png',
              name: 'Apple iPad Air 平板电脑(2020新款)',
              price: '4799.00',
              sale: '5',
              ranking: '10000+评价 平板热卖第5名',
              prdShopName: 'Apple官方旗舰店'
            },
            {
              imgPath: 'apple-1002.png',
              name: 'Apple iPhone 11手机',
              price: '4999.00',
              sale: '5',
              ranking: '375万+评价',
              prdShopName: 'Apple官方旗舰店'
            },
            {
              imgPath: 'apple-1003.jpg',
              name: 'Apple AirPods 配充电盒 Apple蓝牙耳机',
              price: '1246.00',
              sale: '5',
              ranking: '200万+评价',
              prdShopName: 'Apple官方旗舰店'
            },
          ];
          this.productListRst = this.productList;
        },
        // 每次search框变化则进行筛选,对数据进行逻辑处理
        searchInputChange(value) {
          // 若未输入值,则展示所有数据
          if(null === value || undefined === value){
            this.productListRst = this.productList;
          } else {
            this.productListRst = []; // 结果列表置空
            let regStr =  '';
            // 初始化正则表达式
            for(let i=0; i<value.length; i++){
              regStr = regStr + '(' + value[i] + ')([\\s]*)'; //跨字匹配
            }
            let reg = new RegExp(regStr);
            console.log(reg);
            for(let i=0; i<this.productList.length; i++){
              let name = this.productList[i].name; //按照名字匹配
              let regMatch = name.match(reg);
              if(null !== regMatch) {// 将匹配的数据放入结果列表中
                 this.productListRst.push(this.productList[i]);
              }
            }
          }
        },
        // 去往产品详情页
        toPrdDetail(){
          this.$router.push({path: 'detail'})
        }
      }
    };
    </script>
    <style scoped>
    #page-title {
      width: 100%;
      background-color: #fff;
      display: flex;
      justify-content: center;
    }
    .backImg {
      width: 20px;
    }
    </style>
    
    

    主要的逻辑处理是 searchInputChange,对于更复杂的搜索逻辑,也可以在里面进行处理。
    搜索组件:searchInput.vue

    <template>
      <div class="search-box">
        <div class="search-input">
          <img src="@/assets/images/search.png" />
          <input
            type="text"
            :placeholder="plhText"
            maxlength="10"
            @change="inputChange"
            v-model="inputValue"
          />
        </div>
      </div>
    </template>
    <script>
    export default {
      name: "searchInput", // 搜索输入框
      props: {
        // input框占位文字
        plhText: {
          type: String,
          default: "请输入搜索内容"
        }
      },
      data() {
        return {
          inputValue: "" //输入框的值
        };
      },
      methods: {
        // 每次输入框变化刷新列表
        inputChange() {
          // 使用emit给父组件传值
          this.$emit('input-changed', this.inputValue);
        }
      }
    };
    </script>
    

    列表组件:productList.vue

    <template>
      <div class="prd-item" @click="toPrdDetail">
        <img :src="require('@/assets/images/'+prd.imgPath)">
        <div class="prd-discription">
          <div class="prd-title">{{ prd.name }}</div>
          <div class="prd-sellInfo">
            <div class="prd-price">{{ prd.price }}</div>
            <div class="prd-saleLable" v-if="prd.sale.lenght!==0">
              <label>12期免息</label>
              <span>新品</span>
            </div>
            <div class="prd-ranking">{{ prd.ranking }}</div>
            <div class="prd-shop">{{ prd.prdShopName }}</div>
          </div>
        </div>
      </div>
    </template>
    <script>
    export default {
      props: {
        // 传入产品对象,必传属性为imgPath,name,price,shop
        prd: {
          type: Object,
        }
      },
      methods: {
        // 跳转产品详情页面
        toPrdDetail() {
          this.$emit("to-prd-detail",this.prd.Id);
        }
      }
    };
    </script>
    

    标题头组件:titleBar

    <template>
      <div class="page-title">
        <div class="backImg" @click="goBack">
          <img src="@/assets/images/arrow_left.png" />
        </div>
        <div class="titleText">
          <label>{{ title }}</label>
        </div>
        <div v-if="showRightArea" class="rightImg">
          <img :src="rightImgPath" />
        </div>
      </div>
    </template>
    <script>
    export default {
      name: "titleBar",
      props: {
        // 标题
        title: {
          type: String, //规定数据类型
          default: "标题" //默认值
        },
        showRightArea: {
          type: Boolean,
          default: false
        },
        rightImgPath: {
          type: String
        }
      },
      methods: {
        // 返回方法
        goBack() {
          this.$emit("go-back");
        }
      }
    };
    </script>
    <style lang="scss" scoped>
    .page-title {
      width: 100%;
      background-color: #fff;
      display: flex;
      padding: 10px 0;
      justify-content: flex-start;
    }
    .backImg {
      width: 15%;
      text-align: center;
      img {
        margin: 0 auto;
        width: 24px;
      }
    }
    .titleText {
      font-size: 18px;
      height: 26px;
      width: 70%;
      text-align: center;
      label {
        margin: 0 auto;
      }
    }
    .rightImg {
      width: 15%;
      text-align: center;
      img {
        margin: 0 auto;
        width: 24px;
      }
    }
    </style>
    
    

    以上代码为部分代码,css代码不包含在内。

    3.3 动态效果

    以上代码实现的效果如下动态图:
    在这里插入图片描述

    展开全文
  • 网站没有搜索功能怎么搜索You want to find specific information from a given website, but it doesn’t offer search. Or maybe its internal search feature is just plain awful. What can you do? 您想从给定...
    网站没有搜索功能怎么搜索

    网站没有搜索功能怎么搜索

    You want to find specific information from a given website, but it doesn’t offer search. Or maybe its internal search feature is just plain awful. What can you do?

    您想从给定的网站中查找特定信息,但不提供搜索功能。 也许其内部搜索功能简直太糟糕了。 你能做什么?

    There’s a simple way to search any website, using any search engine—Google, Bing, DuckDuckGo, or even Yahoo (which apparently still exists.) It works in every browser as well.

    使用任何搜索引擎,有一种简单的方法可以搜索任何网站-Google,Bing,DuckDuckGo甚至Yahoo(显然仍然存在。)它也适用于所有浏览器。

    Head to your search engine of choice, or the search bar in your browser, then type what you want to find, just like you normally would. But here’s the trick: before or after your query, type site: followed by the domain of the site you want to search within. So, if you wanted to search for macOS articles at howtogeek.com, you should search for:

    转到您选择的搜索引擎,或浏览器中的搜索栏,然后像往常一样键入要查找的内容。 但这是窍门:在查询之前或之后,键入site:然后输入您要在其中搜索的站点的域。 因此,如果您想在howtogeek.com上搜索macOS文章,则应搜索:

    macos site:howtogeek.com
    

    As you can see, there’s a variety of quality articles about everyone’s favorite operating system. And this works in every search engine: here it is in Bing.

    如您所见,有很多关于每个人都喜欢的操作系统的高质量文章。 这在每个搜索引擎中都有效:Bing在这里。

    It’s really this simple! You just need to remember site: followed by the domain name you want to search. It’s one of those Google power user tricks or Bing advanced search operators that make exploring the internet a lot easier, so keep it in mind.

    真的就是这么简单! 您只需要记住site:然后是您要搜索的域名。 这是Google的高级用户技巧必应(Bing)高级搜索运算符之一 ,它使浏览互联网变得容易得多,因此请记住这一点。

    Oh, and if you’ve set up search keywords in your browser, know that you can use this trick to set up search keywords for any site, even if they don’t offer a search function. Just search for something, then copy the URL for use when you create your keyword.

    哦,而且,如果您已经在浏览器中设置了搜索关键字,那么即使您的站点不提供搜索功能,也可以使用此技巧为任何站点设置搜索关键字。 只需搜索内容,然后复制URL即可在创建关键字时使用。

    翻译自: https://www.howtogeek.com/301355/how-to-search-any-website-even-if-it-doesnt-have-a-search-function/

    网站没有搜索功能怎么搜索

    展开全文
  • 电脑搜索功能不能用怎么办?电脑搜索不能用的解决方法,呵呵哒,不少网友都遇到玩电脑的时候,想找一个文件或者一些相关的资料,由于文件的量大,那么怎么查询呢?肯定是通过电脑搜索搜出来啊,那么搜索不能用怎么办...

    电脑搜索功能不能用怎么办?电脑搜索不能用的解决方法,呵呵哒,不少网友都遇到玩电脑的时候,想找一个文件或者一些相关的资料,由于文件的量大,那么怎么查询呢?肯定是通过电脑搜索搜出来啊,那么搜索不能用怎么办呢?那么问题就来了,怎么解决呢?接下来艾薇百科就为大家简单介绍一下吧!

    1,首先我们打开开始菜单,所有文件,然后在附件功能中找到【运行】选项,当然也可以按电脑快捷键CTRL+X

    ca2f55cb4d49838cfc50812c984f1778.png

    2,打开运行的窗口之后呢,在里面直接输入regsvr32 jscript.dll,然后点击回车,会出现几个黑色的窗口,等待跳动完毕后就完成修复了

    e9b041916088dc45dc4e3736472f6a0f.png

    3,但是完成后你不要着急直接去用,这样不能直接解决问题,我们需要按住CTRL+DEL+ALT这3个键,打开资源管理器。

    d52b19232aef4e27394590f7ef656a72.png

    4,打开资源管理器功能后,选择【进程】这个分类项,然后在里面找到explorer.exe,然后选择【结束进程】,再去点右上角文件——新建——输入explorer.exe新建一下这个进程就可以正常使用搜索功能了。

    6131be8e3740205d9298ce21f5b7319e.png

    8d75a05531c2e9372ca264fea381f225.png

    【快捷简单的修复方法】

    1,当然如果你对电脑操作比较一窍不通,也不用着急,我们可以下载安装一个腾讯电脑管家,并找到打开他的电脑诊所功能

    e7485503f40283c10760368a874e868c.png

    2,在电脑诊所功能中,我们就能找到搜索功能无法使用这个问题的修复方案,然后选择【一键修复】再去重启一下你的电脑,就可以使用搜索功能了。

    eaa8054829c984acc7827c74a011e48c.png

    通过上述讲解电脑搜索功能不能用,我们是不是学到了很多东西,电脑搜索功能得解决就是这么简单.

    展开全文
  • 如果我们不知道某个文件具体在电脑中的具体位置,那么可以在一定范围内通过电脑系统中的文件搜索功能来进行搜索。如果在电脑中发现不能搜索文件,那么应该怎么进行修复呢?大家可以参考下面的方法来解决这一问题。1、...
  • 微信小程序云开发实现搜索功能

    千次阅读 2021-12-30 00:58:33
    微信小程序云开发实现搜索功能欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中...
  • 搜索功能select下拉框实现自动匹配

    热门讨论 2012-08-17 02:57:25
    搜索功能的select下拉框,类似百度google的搜索框,自己匹配,很好用
  • Java Web简单搜索功能实现

    万次阅读 多人点赞 2019-07-23 17:40:06
    /* 定位搜索按钮 */ background-repeat: no-repeat; /* 不重复图片 */ width: 100%; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; } #myTable { ...
  • 小程序云开发实现搜索功能

    千次阅读 2020-05-14 10:46:00
    云开发数据库的模糊搜索,根据记录的字段字符串模糊搜索实现。 代码: 先在app.js初始化: //app.js App({ onLaunch: function () { wx.cloud.init({ env:'school-5k17122' }) }, globalData: { userInfo...
  • 电脑搜索功能不能使用解决办法

    千次阅读 2021-07-05 02:03:01
    电脑搜索功能不能使用解决办法电脑搜索功能不能使用解决办法1.电脑中毒解决办法:使用专业杀毒软件对电脑进行全盘查杀,重启电脑。电脑搜索功能不能使用就可以解决了。2.工具限制解决办法:有时工具(例如优化大师等)...
  • vue项目实现搜索功能

    千次阅读 2020-08-07 21:00:14
    1、点击“首页“顶部搜索框,通过路由跳转到搜索页,并实现关键字模糊搜索功能 2、搜索页和首页下面“推荐商家”用到的JSON数据自行模拟,并正确搜索渲染出来 3、在搜索页保留每次的搜索历史关键字,在搜索页的...
  • 个人博客网站添加文章搜索功能

    千次阅读 2019-03-04 22:08:31
    现在很多网站页面里都有搜索模块,包括在线搜索、站内搜索等等,尤其是博客类网站,文章搜索功能就显得比较重要,现在以个人博客网站为例,详细介绍如何给页面添加搜索功能模块,至于如何搭建个人博客网站,可以参考...
  • 搜索功能测试点

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

    千次阅读 2019-05-26 21:08:47
    QTreeview查找功能的需求: 1.搜索某个节点时,该节点的父节点和子节点都显示出来 效果图如下: 输入搜索内容后: 核心代码如下: bool TableViewSortFilterModelBase::filterAcceptsRow(int ...
  • uni-app搜索功能

    千次阅读 2021-02-28 11:24:38
    搜索功能实现 获取输入搜索框的关键词 inputchange函数的参数e就是输入的文字,自定义变量keword将他取回来 <view>{{keyword}}</view> data() { return { value: '', keyword:'' } }...
  • 实现代码: 业务流程: 在输入框内输入你要搜索的内容,输入完... 因为这是百度用于请求搜索功能服务器的URL,有兴趣的友友可以查看axios文档。也可以拿到其他搜索引擎的URL,步骤同上即可。
  • JavaScript实现搜索功能

    千次阅读 2020-01-09 11:52:12
    JavaScript实现搜索功能 实现效果 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>搜索功能实现</title> <style type="text/css"> *...
  • Django简单全文搜索(Django实现搜索功能) 本文转载自简单全文搜索 搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用Django Model 层提供的一些内置方法来完成。现在我们来为我们的博客提供一个...
  • VUE实现搜索框搜索功能

    万次阅读 2019-08-28 18:12:07
    实现效果如下: HTML部分:添加搜索框 JavaScript部分: PS:orderlist是订单列表的数据。...vue实现搜索功能 vue如何实现搜索功能 以及逻辑 (代码与笔记都粗劣,请各位大佬指点一二) ...
  • 任何网站的一个重要元素是搜索功能 。 这样一来,人们就可以通过您的网站找到他们真正想要的东西,而不仅仅是从您提供给他们的链接中获取信息,例如类别,标签,特色文章等。如果您的网站位于WordPress上,默认情况...
  • vue.js实现搜索框搜索功能

    千次阅读 多人点赞 2020-08-26 22:45:27
    1、搜索框: (1)、template部分 <template> <div> <div class="search"> <input v-model="keyword" type="text" class="searchInput" placeholder="搜索城市 "> </div> </div...
  • 微信小程序如何实现搜索功能

    万次阅读 多人点赞 2020-01-17 11:21:04
    在页面search.wxml中,定义一个input输入框以及搜索的点击按钮,分别为它们绑定点击事件handleInputChange()和handleSearch()的事件,同时在它们的下面定义搜索的列表,代码如下所示: <view class="search-...
  • 微信小程序 实现搜索功能

    千次阅读 2020-07-02 21:45:31
    //阻止后续代码 } this.setData({ list:[],//每次搜索内容的时候,需要清空,(因为如果不清空的话可能会数据叠加) search:e.detail.value //e.detail.value input 传来的数据 }) this.loadList() //执行下一步 },...
  • vue实现搜索功能

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

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

    千次阅读 2020-12-29 15:36:47
    这里使用的是select2插件 select2官网 官网例子 html页面: <html lang="en"> <head> <meta charset="UTF-8"> ... script> body> html> 效果图: jQuery的select2下拉框的搜索功能
  • 先看下功能的效果 老规矩先从页面布局开始 其实布局没啥好讲的 因为用的layui 因此并不需要手写太多代码 并且列表的加载是伴随着和后台的数据一起产生的 因为 我们不需要直接让列表显示...
  • 前端搜索功能的简单实现

    千次阅读 2019-10-18 10:26:30
    用js完成前端的搜索功能前言js 前言 有的时候,后台并没有提供搜索功能的cgi供前端使用去搜索用户想要查找的内容,这个时候就需要我们前端自己对所有数据进行过滤处理,筛选出与用户搜索内容相匹配的数据进行显示。 ...
  • layui实现数据表格table的搜索功能

    万次阅读 多人点赞 2021-01-30 19:16:39
    此处根据“角色名称”进行搜索,得到效果 实现 html部分 此处注意!!需要要为input、table里边加上“id”属性,在js部分需要特定进行获取。 <div class="layuimini-container"> <div class="layuimini-...
  • phpcms搜索功能实现

    千次阅读 2018-04-27 17:53:49
    最近在做一个门户网站,用到了phpcms的搜索功能,之前一直想要实现这方面功能,但苦于静不下来心研究phpcms的实现原理,今天通过这个博客记录下我分析的过程,网上的资料相对比较零散,看的总是云里雾里的,这里做一...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,372,372
精华内容 548,948
关键字:

搜索功能

友情链接: 545649.rar