显示大量数据的最佳方式
Best way to show large amount of data
处理网页上大量数据条目的最佳方法是什么?
假设我有一个数据库,表上有5000条记录,包含song_name,author_name,song_id,posted_by;我想建立一个播放列表,所有的歌曲在一个页面上。在该页面上还有一个播放器,它根据页面上显示的播放列表条目播放歌曲。
我试图从该表中提取所有5000个条目,并用它们构建一个javascript对象,并处理该对象,我已经构建了播放列表,在播放列表中搜索,等等。但这需要大量的资源(在用户端)和大量的页面加载时间(因为有很多条目!)而且页面速度很慢。
将所有数据加载到对象中并通过JavaScript每100条播放列表记录进行分页是更好的,还是更好地从数据库获取分页结果并更新播放列表?(这考虑到这样一个事实:如果播放器有shuffle按钮激活,它可以shuffle到用户数据库中的任何歌曲,而不仅仅是当前歌曲从可见的播放列表)
我认为分页是你最好的选择。只需要创建100的限制(例如),然后使用AJAX提取下一个100。如果客户端打开shuffle,只需向服务器发送另一个请求,并让它调用一个函数,该函数执行以下操作:
- 统计数据库 的总行数
- 使用随机函数获得100个随机数
- 现在创建一个稍微复杂的查询,从数据库中获取记录行号:
gettrandomtracks ($limit) {
$total = $this->db->count_all('table_tracks');
//Get random values. Speed optimization by predetermine random rownumbers using php
$arr = array();
while (count($arr) < $limit) {
$x = mt_rand(0, $total); //get random value between limit and 0
if (!isset($arr[$x])) { //Random value must be unique
//using random value as key and check using isset is faster then in_array
$arr[$x] = true;
}
}
//Create IN string
$in = implode(',', array_keys($arr));
//Selection based on random rownumbers
$query = $this->db->query('SELECT * FROM
(SELECT @row := @row + 1 as row, t.*
FROM `table_tracks` t, (SELECT @row := 0) r) AS tracks
WHERE `row` IN(' . $in . ')');
return $query->result();
}
我正在使用一个类似的功能,也将处理大量的曲目(超过300.000),所以我相信这将工作!
即使您使用jQuery或其他库,也很难将"整个"数据加载到客户端程序,因为关键因素不是您使用的代码/sdk,而是浏览器本身!
顺便说一下,chrome是最快的,IE(版本10之前)是最低的。
你可以参考下面的链接:
http://www.infoq.com/news/2010/09/IE-Subsystems-Spends-Time
http://www.nczonline.net/blog/2009/01/05/what-determines-that-a-script-is-long-running/
http://www.zdnet.com/browser-benchmarks-ie-firefox-opera-and-safari-3039420732/
http://msdn.microsoft.com/en-us/library/Bb250448
http://support.microsoft.com/kb/175500/en-us
所以你应该做的是把你的客户端逻辑移动到服务器端,就像其他人建议的那样。
正如你提到的得到分页,但只有javascript的所有数据,这是相同的,在本质上没有分页
使用ajax加载数据,每100步(或更多,试试)
对记录集进行循环并每次增加限制:
<?php
$Step = 100;
$u_limit = 0;
$sql = "SELECT song_id FROM $MySQL_DB.songs";
$data = mysql_query($sql, $dblk);
$numer_of_entries = mysql_num_rows($data);
while($o_limit < $numnumer_of_entries)
{
$o_limit = u_limit + $Step;
$sql = "SELECT * FROM $MySQL_DB.songs order by id DESC LIMIT $u_limit, $o_limit";
$data = mysql_query($sql, $dblk);
while($row = mysql_fetch_array($data))
{
// built an array and return this to ajax
}
$u_limit += $Step;
}
试试:http://www.datatables.net/
- 在localhost Dev Box上测试JSONP请求的最佳方式
- 为react组件传递道具的最佳方式
- 让Webpack管理Quirky AMD定义的最佳方式
- 在承诺链中处理早期回报的最佳方式
- 在ng重复循环中显示条件内容的最佳方式是什么
- 在phonegap中为android调用onload函数的最佳方式
- 链接两个网页或网络应用程序的最佳方式
- 什么's是连接供应商js文件的最佳方式
- 什么's是在javascript中迭代项的最佳方式
- 在node.js中编写单元测试的最佳方式是什么
- 在页面上记录数据并实现pushstate()的最佳方式
- 使用AJAX在Rails中提交动态表单的最佳方式是什么
- 什么'这是加载jQuery的最佳方式
- 将大数组(字符串和类型数组的混合物)存储到blob或文件中/从blob或文件检索大数组的最佳方式
- 在网站上显示.mov作为加载屏幕的最佳方式
- 使用Angular存储用户以前是否选中过复选框,然后再调用它的最佳方式是什么
- 以角度渲染表中数据的最佳方式
- 删除集合中旧邮件/帖子的最佳方式
- 显示全屏Ajax加载程序的最佳方式
- PHP和JS中表单验证的最佳方式