请问下如何遍历展示数据表?

自己尝试制作一个简单的datatables的展示示例,30万条的数据无法在前端页面展示

环境:PHP MySQL Apache

虚拟机配置内存:2GB

数据表:

请教各位,PHP + Mysql 在前端用jQuery datatables ,如何遍历数据表(大约30万条数据)

数据量30万(包含首行)
请教各位,PHP + Mysql 在前端用jQuery datatables ,如何遍历数据表(大约30万条数据)

数据示例

请教各位,PHP + Mysql 在前端用jQuery datatables ,如何遍历数据表(大约30万条数据)

test.PHP 代码

<?php
/*定义读写超时常量*/
if (!defined('MYSQL_OPT_READ_TIMEOUT')) {
    define('MYSQL_OPT_READ_TIMEOUT',  11);
}
if (!defined('MYSQL_OPT_WRITE_TIMEOUT')) {
    define('MYSQL_OPT_WRITE_TIMEOUT', 12);
}

/*设置超时*/
$mysqli = mysqli_init();
$mysqli->options(MYSQL_OPT_READ_TIMEOUT, 3);
$mysqli->options(MYSQL_OPT_WRITE_TIMEOUT, 1);

/*创建数据库连接*/
$con = mysql_connect("localhost","root","root");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("test", $con);

$result = mysql_unbuffered_query("SELECT userName, fullname FROM mytest");
$records=array();
/*将查询得到数据写入数组中*/
while($row = mysql_fetch_array($result))
  {
  $records[]=$row;
  }
mysql_close($con);
require 'demo.php';
?>

demo.php 代码

<!-- 模板文件,利用HTML代码展示数据 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试demo</title>

<!--第一步:引入Javascript / CSSCDN-->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>

</head>
<body>
<!--第二步:添加如下 HTML 代码-->
<table id="table_id_example" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <!--通过循环将数组中的数据输出 -->
        <?php foreach ($records as $row) { ?>
        <tr>
            <td><?php echo $row[0]; ?></td>
            <td><?php echo $row[1]; ?></td>
        </tr>
        <?php } ?>
    </tbody>
</table>

</body>
<script>
<!--第三步:初始化Datatables-->
$(document).ready( function () {
    $('#table_id_example').DataTable();
} );
</script>

</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值