搜索功能实现思路及流程图

搜索功能实现思路

1、获取输入框的值（关键字）实现模糊搜索或精确搜索
2、通过事件触发将获取的值通过ajax请求搜索接口传递给后台
3、后台服务器通过服务端语言（node，PHP，Java）实现接收浏览器请求
4、后端语言查询数据库（Mysql，mongodb）
5、将查询的结果根据搜索接口约定好的json格式返回给浏览器
6、通过前端JS将返回的结果渲染展示到页面上
7、性能优化：可以利用防抖或节流，可以减少服务器压力


例如：import _ from 'lodash'template:
<el-input placeholder="请输入内容" @input="searchUser" v-model.trim="pageinfo.query" class="searchInput">JS:searchUser:_.debounce(function() {//获取去除空格后的输入内容// this.pageinfo.query=this.pageinfo.query.trim()//query.length===0代表搜索全部用户列表，否则搜索包含有关键字的用户列表// let _this=this;this.getUserList()},300),

流程图：

搜索功能实现思路及流程图相关推荐

QQ音乐搜索功能基本思路
初步大致思路:个人认为下载器中需要用到爬虫爬取数据的部分是 "搜索" 和 "下载" 这两个环节一.让我们先来说说"搜索"环节第一步:打开 ...
闲云旅游项目开发-（第四篇：机票首页/机票搜索功能（`el-autocomplete`远程搜索组件）/moment.js的使用/日期选择组件el-date-picker）
目录相关组件介绍一机票首页布局二封装搜索组件 1. 组件布局 2.目标思路 3.步骤 3.1 基本功能 3.2 自动补全 3.3获取真正的推荐数据 3.4 添加城市代号 3.5 处理日期格式 ...
vue实现一个类似浏览器搜索功能(ctrl + f)
目录引言一.介绍自己项目的需求二.先说说我的数据怎么设置的三.具体功能的实现思路: 1.点击左侧目录跳转到对应位置 2.滚动到相应位置左侧目录树的对应标题变蓝色 3.搜索功能 4.目录展开和收 ...
java 搜索业务怎么写_Java项目实战第11天：搜索功能的实现
原标题:Java项目实战第11天:搜索功能的实现今天是刘小爱自学Java的第110天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 事先说明:关于今天的搜索功能实现. 并没有使用到倒排索引这 ...
真香！微软将为Edge浏览器带来超好用的全新侧边搜索功能：无需跳转网页
作者:okay 源自:扩展迷EXTFANS 在传统的浏览器中,每当我们在浏览网页的时候想要查询其中的一些内容,就需要复制关键词到地址栏,或打开一个新的搜索引擎页面. 包括在Chrome插件商店中非常流 ...
SAP系统和微信集成的系列教程之八：100行代码在微信公众号里集成地图搜索功能
本系列的英文版Jerry写作于2017年,这个教程总共包含十篇文章,发表在SAP社区上. 系列目录 (1) 微信开发环境的搭建 (2) 如何通过微信公众号消费API (3) 微信用户关注公众号之后,自 ...
基于前端javascript的搜索功能
当在数据量不是很大,而且没有后端对应的功能接口的时候,一些简单的搜索功能基本上是前端去实现的,正好最近用到,写了一个,贴出来和大家分享: 功能描述: 按下键盘后及时搜索条目中的汉字,汉字对应的拼音和号 ...
html搜索框如何加下拉框,js实现带搜索功能的下拉框
本文实例为大家分享了js实现带搜索功能的下拉框,供大家参考,具体内容如下 1.介绍在实现下拉框的时候,如果用select+option可以在满足pc端的需求,但如果需应用到手机端,由于select的 ...
vue实现简单搜索功能
目录 1.概述 2.功能逻辑 2.1功能流程 2.2 流程图 3.功能实现 3.1 vue组件化 3.2 代码 3.3 动态效果 1.概述在vue项目中,搜索功能是我们经常需要使用的一个场景,最常用 ...

搜索功能实现思路及流程图

搜索功能实现思路

流程图：

搜索功能实现思路及流程图相关推荐

最新文章

热门文章