V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
oraclor
V2EX  ›  分享创造

搜索自动提示-自动补全-支持拼音,首字母,容错等功能

  •  
  •   oraclor · 2018-01-03 14:30:36 +08:00 · 3059 次点击
    这是一个创建于 2518 天前的主题,其中的信息可能已经有所发展或是发生改变。
    INPUT 搜索框提示

    搜索框提示功能可以有效降低用户输入成本,提升用户搜索体验,增加网站的用户粘性。

    最近我在实现一个“输入框自动提示”功能的过程中遇到了一堆问题,还写了一堆代码:前端 js、ajax、后台数据库、响应速度优化等等,最后,只能前缀匹配?太 low 了,
    看看人家百度、淘宝,能实现拼音全拼匹配、拼音首字母匹配、智能容错、模糊匹配,还能实现提示内容按权重排序,心里很不平衡!

    但是,为一个小问题投入太多精力是非常不划算的。于是我在 www.92find.com 上提供一种省事的办法,不用数据库、不用 AJAX、不用 Server 端编程、只需一行 Javascript 代码,
    就能将“搜索框智能提示”功能快速加入到我的网页中。我的网站现在也获得了同百度淘宝等搜索框一样强大的输入提示功能!
    同时,还可以自定义要提示的词条列表以及决定显示次序的词条权重呢。

    如何实现?分两步走:

    首先,请准备一个 UTF-8 编码的 TXT 文本,写入您希望提示的词条和词条权重,这个简单。
    比如,我是一个电影视频网站站长,准备好一个包含电影名称的 txt 文本(好吧,我是小站,只有五部电影)

    潘多拉的救赎,2
    这个男人来自地球,163
    这个杀手不太冷,888
    肖申克的救赎,2000
    唐朝好男人

    词条和权重之间用一个英文逗号分隔,词条字符长度不能超过 49,权重最小是 0,最大是 2147483647
    其中一个电影名称是没有带权重的,系统自动默认为最小值。
    当用户在输入框中键入“男人”,搜索框提示列表如下:
    这个男人来自地球
    唐朝好男人
    当用户在输入框中键入“ jiushu ”,搜索框提示列表如下:
    肖申克的救赎
    潘多拉的救赎
    当用户在输入框中键入“这个”,搜索框提示列表如下:
    这个杀手不太冷
    这个男人来自地球
    当用户在输入框中键入“堂超”,搜索框提示列表如下:
    唐朝好男人

    然后,只要下面的三步,短短三五分钟,就可以立即开通搜索框智能提示功能
    第一步 在 www.92find.com 上购买或免费获取一个 ServiceKEY,比如 MyKEY
    第二步 为需要添加搜索框提示功能的<input>标签添加 HaoyuSug 属性。例如下面:
    <input type="text" name="word" HaoyuSug="MyKEY">
    第三步 在网页中引入 Javascript 文件,只需一行代码:
    <script charset="UTF-8" src="http://www.92find.com/inteltip.js"></script>
    这里需要特别强调的是:嵌入的一行 Javascript 代码位置是非常有讲究的!必须放置在</body>标签的后面!

    input 搜索框输入提示功能采用闭包设计,不会污染原有页面代码,因此不会影响你页面中的原有功能。为了防止功能冲
    突,如果你的搜索框已经绑定了其他提示功能,请先取消原有功能后再绑定“ INPUT 搜索框提示”功能。
    你网页中的任何 INPUT 输入框均可使用 INPUT 提供的智能提示功能

    各大搜索引擎也提供类似的输入提示功能,可他们的提示数据,是基于词条全网的使用情况,很可能不适合我自己的网站
    比如我是一个做食谱的网站,他是一个做视频动画的网站,
    用户同样输入“ lb ”
    食谱网站期望提示一个“萝卜”,视频站也许更期望得到一个“蜡笔小新”

    感兴趣的朋友登录 www.92find.com 后,注册一个账号就可以免费试试啦
    7 条回复    2018-01-05 14:20:38 +08:00
    qfdk
        1
    qfdk  
       2018-01-03 14:58:17 +08:00 via iPhone
    这广告...
    oraclor
        2
    oraclor  
    OP
       2018-01-03 15:35:09 +08:00
    谢谢 qfdk !
    广告和展示交流的之间的界限不是很清晰的,
    这个项目我们早就停止更新了, 挣不到钱,贴在这里只是想让各位前辈批评指点一下
    仅此而已
    jsgcs
        3
    jsgcs  
       2018-01-03 18:28:54 +08:00
    当前页面不是“ iCloud ”的官方网站,假冒网站存在盗取账号信息的嫌疑,为避免给您造成财产损失,请您访问真正的官方网站。
    什么情况
    tyz1480
        4
    tyz1480  
       2018-01-03 20:18:11 +08:00 via iPhone
    我这个网站搜索怎么弄 www.hugei.net
    oraclor
        5
    oraclor  
    OP
       2018-01-03 21:58:32 +08:00
    Hi, jsgcs,你在说些什么啊,不懂
    oraclor
        6
    oraclor  
    OP
       2018-01-03 22:00:48 +08:00
    HI,tyz1480 你网站的搜索做的挺好的,想添加自动补全功能,只需要把网站中文档的名称收集起来,放在 txt 文件里,
    上传 www.92find.com,就可以了
    oraclor
        7
    oraclor  
    OP
       2018-01-05 14:20:38 +08:00
    这里人气不是很旺啊,贵站没有想想办法吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2374 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 16:09 · PVG 00:09 · LAX 08:09 · JFK 11:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.