展开

关键词

新增搜索功能

给hugo添加搜索功能 当文章数量太多了以后,寻找文章如果只靠标签,分类,和归档是不太容易的,尤其是对标签和分类有哪些标签,划分是否合理不清楚的话,更无法的去定位到相关的文章,所以添加一个搜索功能是必须的 方式 有许多第三方的服务提供了搜索功能,如 algolia就提供了站内搜索功能 使用node js的一些模块也可以实现 根据hugo生成的静态资源,通过js进行匹配 推荐第三种方式 为了防止增加网站的配置项和保持独立不引用其他语言的情况 ,第三种方式是最好的方法,当然效果比前两中更差些,所谓有舍有得 实现 参考文章 : 给Hugo站点添加搜索功能

26762

简易搜索功能小记

简易搜索功能小记 自从上个版本软件中加入了列表的搜索功能,现在是个列表的地方产品都要给提供搜索。 @_@ 类似联系人、短信或者文件等的集合数据,用户输入关键字,然后根据标题或者内容文本去匹配。 搜索相关的问题: 发起搜索。 本地搜索。 请求服务器进行搜索。 同步搜索(单线程)。 异步搜索(多线程)。 结果分页加载。 要点1:发起搜索 搜索功能第一步就是处理用户输入,然后发起搜索。 有两种: 1、输入内容后点击搜索按钮发起搜索 这种交互比较简单,用户主动点击按钮进行搜索,可以点击返回进行取消,新的搜索请求自动取消之前的请求等。 2、输入过程中自动发起搜索 类似网页中常见的搜索功能,在输入关键字过程中会即时显示对应的搜索结果,无需等待输入完毕后主动发起搜索。 要点2:异步搜索 搜索比较耗时时,如网络在线搜索,或者文件查找等,都是要考虑异步进行搜索逻辑的执行的。 如果搜索逻辑是同步执行的,那么每次发起搜索到显示搜索逻辑是一个完整的过程——没有打断。

34300
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序引入搜索框实现搜索功能

    业务描述 在小程序中我们查询数据量较大较多时候需要对查询条件进行限制从而筛选数据 这个时候我们就需要用一个搜索框的功能来实现搜索数据的功能 实现步骤 引入vant搜索框组件 在page.json页面引入组件 van-button": "@vant/weapp/button/index", "van-search": "@vant/weapp/search/index" }, 页面使用组件 在wxml页面中使用该搜索组件

    20020

    小程序搜索弹出搜索内容功能(模糊查询)

    功能:在搜索界面,搜索输入的字符,如果有匹配,就会显示出来。 ? -- 搜索列表 --> <view class="weui-cell__bd" wx:for="{{list}}" wx:key="key"> <! display: inline-block; width: 140rpx; height: 142rpx; background: #fd9903; } /* end */ /* 搜索 inputShowed: true, //显示结果view的状态 viewShowed: false, // 搜索框值 inputVal: "", // 搜索渲染推荐数据 catList: [], btnWidth: 300, //删除按钮的宽度单位 startX: "", //收支触摸开始滑动的位置 }, onLoad

    2.9K20

    Element Table 增加搜索功能

    我们经常会用到搜索,可以使用计算属性:  <! -- 表格搜索框 --> <el-input v-model="searchContent" placeholder="<em>搜索</em>1" size=" el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> //搜索数据 }); } else { items1 = items; } return items1; } } 但是如果有多个table都要搜索 }); }); } else { items1 = items; } return items1; }, 总结:单个表格搜索可以使用计算属性

    4.1K20

    Hooks + TS 搭建一个任务管理系统(四)-- 搜索功能实现

    大家好,我是小丞同学,一名大二的前端爱好者 这个系列文章是实战 jira 任务管理系统的一个学习总结 非常感谢你的阅读,不对的地方欢迎指正 愿你忠于自己,热爱生活 在上一篇文章中 将输入框内容映射到 url 上 利用防抖优化输入框请求 先献上效果图 一、封装 UserSelect 组件 这次的项目采用的是 Antd 组件库,在这部分中我们采用 Form 表单以及 Input 来实现搜索框的样式 ,例如掘金社区的文章标题,h1、h2 标签 因此我们有理由,有必要实现这样的功能! useProjectsSearchParams() 这样如果我们通过 setParam 导致了 param 的变化,就会触发 useUrlQueryParam 实现页面的 url 的更新 例如这里的搜索模块 当参数变化时,重新调用这个函数设置定时器 }, [value, delay]) // 返回值 return debouncedValue } 总结 在这篇文章中我们做完了项目列表的搜索模块

    10220

    django 实现简单的搜索功能

    搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用 django model 层提供的一些内置方法来完成。 本文将结合 django 模型管理器的 filter 方法和 icontains 查询表达式来实现一个简单的搜索功能。 以博客为例,博客文章通常包含标题和正文两个部分。 当用户输入某个关键词进行搜索后,我们希望为用户显示标题中含有被搜索关键词的全部文章。 urls.py urlpatterns = [ # 其他 url 配置 url(r'^search/$', views.search, name='search'), ] ---- 当然这样的搜索功能是非常简略的 使用它我们可以实现更加复杂的搜索功能,比如全文检索、按搜索相关度排序、关键字高亮等等类似于百度搜索功能功能十分强大。

    7.8K80

    QML 用QSortFilterProxyModel实现搜索功能

    engine->load(QUrl(QLatin1String("qrc:/main.qml"))); return app.exec(); } qml部分的代码: Search是自己写的一个搜索框 findBookDialog onSearch: { proxyModel.filterRole=range;//这个filterRole是proxyModel搜索的范围 ,也就是指定BookModel中的一个属性 proxyModel.setFilterFixedString(text);//设置搜索内容 bookView.model =proxyModel;//设置展示的内容为搜索筛选后的 } onRejected: {//取消时显示原来的内容 bookView.model=bookModel

    52410

    Jekyll 静态博客实现搜索功能

    "date" : "" } % unless forloop.last %,% endunless % % endfor % ] 三、将以下代码放置在要显示搜索的页面中 searchResultTemplate: '

  • {title}
  • ', // 文章列表模板 noResultsText: '没有搜索到文章 ', // 无搜索数据提示语 limit: 20, // 返回最大文章数 fuzzy: false // 是否模糊匹配 }) 四、参考链接 ---- https://github.com

    1.3K40

    angular使用管道实现搜索功能

    之前在没学精angular的时候,想实现搜索功能的时候,总是想着从数据库里获取搜索的结果,可殊不知,原来在angular中只需要简单的几行代码就实现了最常用的搜索功能. filterField] console.log(val); return val >=keyword }); } } 这个过滤需要两个参数,第一个参数:是依据哪个参数来搜索

    1.4K60

    Laravel框架搜索分页功能示例

    本文实例讲述了Laravel框架搜索分页功能。 分享给大家供大家参考,具体如下: 控制器controller /** * 文章搜索 * * @author YING * @param void * @return void */ public artInfo,'cateInfo'= $cateInfo,'cate_id'= $input['cate_id'],'title'= $input['title']]); } 模型model /** * 文章搜索

    23431

    Next -16- 添加搜索功能

    本文介绍开启 Next 主题站内搜索功能的方法。 安装插件hexo-generator-searchdb npm install hexo-generator-searchdb --save 确定插件安装过程中,没有错误,不然生成站点可能会有搜索框显示问题 /public/search.xml field: post format: html limit: 10000 修改主题配置文件 修改主题配置文件,开启站内搜索开关: # Local preload: false 生成站点 生成 hexo 站点,建议先清理public文件夹,避免显示异常的问题: hexo clean && hexo g && hexo d 效果 成功后可以搜索站内内容

    5610

    简书搜索自动匹配功能

    先从我做的功能界面开始说起: ? 本篇主要介绍的就是图中红框标记的搜索自动匹配功能。仔细想一想,有木有很熟悉,对,这功能其实就是跟你每天百度、谷歌这样的搜索功能一样。 所以下面我会分享一些知识点并写个例子来实现这样的功能。 每天都用到的搜索自动匹配功能 百度的搜索框(默认显示四条数据) ? 美团搜索框 ? 美团.jpg 淘宝搜索框 ? DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>简书自动搜索功能例子 http://www.jianshu.com/users/48599dc7ef1b/latest_articles"> <meta name="Description" content="简书自动<em>搜索</em><em>功能</em>例子 $(obj).text(); $("#kw").val(value); $("#append").hide().html(""); } </script> 写在最后 以上就是我总结分享搜索自动匹配功能的全部内容

    66010

    使用微搭实现搜索功能

    1 小程序简介 日常我们在使用互联网产品时,搜索是一种常见的功能,比如我们使用网上购物,在搜索框里输入商品的名称,APP即返回和输入关键词相匹配的商品,我们可以根据商品的购买量、评价、价格等因素来挑选自己需要的商品 微搭作为一款小程序的便捷搭建工具,搜索功能实现自然不在话下,本文就利用微搭这款低码开发工具来实现一下商品的搜索。 3 创建数据源 因为我们要模拟网上购物的搜索功能,所以我们现需要创建数据源用来存放商品的数据,数据源的字段比较简单,只有商品名称和商品描述两个字段。 [在这里插入图片描述] 4 创建模型应用 数据源新建好后,就需要创建应用,我们选择从数据源模型新建,这样平台就帮我们自动生成了一款PC端的管理应用,包含增删改查的功能,这样管理员就可以直接维护商品的数据 ,我们点击导航条的实时预览功能 [在这里插入图片描述] 查询条件输入火龙果 [在这里插入图片描述] 点击查询就将标题包含火龙果的商品全部查询了出来 [在这里插入图片描述] 至此我们的所以功能开发就结束了

    42620

    搜索附近人和商铺功能

    越来越多的Android应用都加入了“附近的人”的功能,比如微信、陌陌、淘宝等,今天分享一个demo,简单的来实现这一功能

    59450

    Pycharm 搜索功能大全「建议收藏」

    N 按文件名搜索py文件 ctrl+n可以搜索py文件 勾选上面这个框可以搜索工程以外的文件 Ctrl+shift+N 按文件名搜索所有类型的文件 Ctrl+shift+N可以搜索py文件,也可以搜索其它类型的文件 除了搜索不同类型的文件,Ctrl+shift+N 还有一个强大之处是可以搜索路径,只需要在你搜索的词前面或后面加上/ ctrl+shift+f 全局字符串搜索 这种搜索的名字叫做”find in path 例如我添加了一个ctrl+shift+g的自定义快捷键,以免和win10系统冲突。) ctrl+f也可以搜索本页的字符串,ctrl+f搜索当前界面是很多软件都有的功能。 ctrl+shift+a 配置项也可以用快捷键直接搜索,例如搜索”keymap”,可以进入快捷键的设置页面。 双shift搜索 双shift搜索可以将几个不同搜索功能搜索结果汇总,一处展示多种类型的搜索结果。 例如搜索”symbol”,同时搜索到变量和配置项。

    4620

    Bootstrap Table根据参数搜索功能

    非常轻量级的和功能丰富的。满足企业开发需求。 现在要实现一个功能,根据输入input的参数来查询表格的数据集 先在html里面加一个搜索框的标签

    然后写一下js的代码,在queryParams里面添加要搜索的参数,根据实际情况确定需不需带limit(每页显示数量)和offset var left" placeholder="建筑物ID"> <button class="btn btn-default" type="button">搜索

    56720

    Vue几行代码实现搜索功能

    更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119328653

    8720

    微信搜索有什么功能?怎样使用微信搜索

    微信是我们日常使用的一款软件,集聊天、支付、社交于一体,在微信中也有搜索功能,比如可以搜索聊天记录、朋友圈等,和网页的搜索功能很相似,那么微信搜索有哪些具体的功能呢? 下面为大家介绍微信搜索的相关知识。 image.png 微信搜索有哪些功能 1、可以查找聊天记录。 在微信最上方有一个搜索按钮,通过这个按钮即可搜索想要的内容,无需通过浏览器。 3、可以搜索朋友圈。 以上为大家介绍了微信搜索的相关功能,当然,微信搜索远远不止以上这些功能,还有很多功能等着各位客户自己去发掘,如果你发现了其他更实用的功能,也可以告诉小编哦。 微信搜索居然有如此之多的功能,实在是太强大了。

    2K30

    扫码关注腾讯云开发者

    领取腾讯云代金券