我有一个包含10000个地址和5000人的大型数据库.
我想让用户在数据库中搜索地址或用户.我想在他们输入文本时使用Twitter的TypeAhead来建议结果.
请看这里的NBA例子:http://twitter.github.io/typeahead.js/examples个.
我知道从速度和负载的Angular 来看,预取15,000个项目并不是最优的.try 实现这一目标的更好方式是什么?
我有一个包含10000个地址和5000人的大型数据库.
我想让用户在数据库中搜索地址或用户.我想在他们输入文本时使用Twitter的TypeAhead来建议结果.
请看这里的NBA例子:http://twitter.github.io/typeahead.js/examples个.
我知道从速度和负载的Angular 来看,预取15,000个项目并不是最优的.try 实现这一目标的更好方式是什么?
既然没有人回答,那我就提出我的建议.
我认为最适合您的大型数据库是使用remote
和typeahead.js
.快速示例:
$('#user-search').typeahead({
name: 'user-search',
remote: '/search.php?query=%QUERY' // you can change anything but %QUERY
});
它所做的是,当您在input#user-search
中键入字符时,它将向页面search.php
发送AJAX请求,并将查询作为输入内容.
在search.php
上,您可以捕获此查询并在数据库中查找它:
$query = $_GET['query'].'%'; // add % for LIKE query later
// do query
$stmt = $dbh->prepare('SELECT username FROM users WHERE username LIKE = :query');
$stmt->bindParam(':query', $query, PDO::PARAM_STR);
$stmt->execute();
// populate results
$results = array();
foreach ($stmt->fetchAll(PDO::FETCH_COLUMN) as $row) {
$results[] = $row;
}
// and return to typeahead
return json_encode($results);
当然,由于您的数据库相当大,您应该优化您的SQL查询以更快地查询,也许可以缓存结果,等等.
在typeahead端,为了减少查询数据库的负载,可以指定minLength
或limit
:
$('#user-search').typeahead({
name: 'user-search',
remote: '/search.php?query=%QUERY',
minLength: 3, // send AJAX request only after user type in at least 3 characters
limit: 10 // limit to show only 10 results
});
所以不管你的数据库有多大,这种方法应该很好地工作.
这是一个用PHP编写的示例,当然,对于任何后端,它都应该是相同的.希望你能掌握基本的概念.