使用超过 10.000 个数据使数据表加载更快答案

【问题标题】：Make datatables load faster with more than 10.000 data使用超过 10.000 个数据使数据表加载更快
【发布时间】：2023-03-15 22:13:02
【问题描述】：

我是数据表的新手，我正在使用数据表制作网站搜索数据。但是mysql数据是1万多条。当我尝试在我的网络上搜索数据时，数据表显示数据的时间很长。谁能帮助我，如何让数据表更快地显示大数据表。谢谢

PHP：

    <?php
//fetch.php
$connect = mysqli_connect("localhost", "root", "", "test");
$columns = array('id', 'datetime', 'temperature', 'humidity');


$query = "SELECT id, datetime, temperature, humidity FROM data WHERE ";

if($_POST["is_date_search"] == "yes")
{
 $query .= 'DATE(datetime) BETWEEN "'.$_POST["start_date"].'" AND  "'.$_POST["end_date"].'" AND ';
}

if(isset($_POST["search"]["value"]))
{
 $query .= '
  (id LIKE "%'.$_POST["search"]["value"].'%")
 ';
}

if(isset($_POST["order"]))
{
 $query .= "GROUP BY DATE_FORMAT(datetime, '%d-%M-%Y-%H:%i:%s') ORDER BY 'id'";
}




$number_filter_row = mysqli_num_rows(mysqli_query($connect, $query));

$result = mysqli_query($connect, $query );

$data = array();

while($row = mysqli_fetch_array($result))
{
 $sub_array = array();
 $sub_array[] = ""; 
 $sub_array[] = $row["datetime"];
 $sub_array[] = $row["temperature"];
 $sub_array[] = $row["humidity"];
 $data[] = $sub_array;
}

function get_all_data($connect)
{
 $query = "SELECT * FROM data";
 $result = mysqli_query($connect, $query);
 return mysqli_num_rows($result);
}

$output = array(
 "draw"    => intval($_POST["draw"]),
 "recordsTotal"  =>  get_all_data($connect),
 "recordsFiltered" => $number_filter_row,
 "data"    => $data
);

echo json_encode($output);

?>

Javascript：

$(document).ready(function(){

     $('.input-daterange').datepicker({
      todayBtn:'linked',
      format: "yyyy-mm-dd",
      autoclose: true
     });

     fetch_data('no');

     function fetch_data(is_date_search, start_date='', end_date='')
     {
      var dataTable = $('#tabel_data').DataTable({
          "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": 0
        } ],
       "order": [[ 1, 'asc' ]],
         dom: 'Bfrtip',
            buttons: [
                 {
                    extend: 'print',

                     filename: 'datatable'

                },

            ],

       "paging": false,
       "processing" : true,
       "serverSide" : true,
       bFilter:false,
       "ajax" : {
        url:"fetch.php",
        type:"POST",
        data:{
         is_date_search:is_date_search, start_date:start_date, end_date:end_date
        }, 
       }
      });
         dataTable.on('draw.dt', function () {
    var info = dataTable.page.info();
    dataTable.column(0, { search: 'applied', order: 'applied', page: 'applied', }).nodes().each(function (cell, i) {
        cell.innerHTML = i + 1 + info.start;
        dataTable.cell(cell).invalidate('dom'); 
    });
}); 


 }


     $('#search').click(function(){
      var start_date = $('#start_date').val();
      var end_date = $('#end_date').val();
      if(start_date != '' && end_date !='')
      {
       $('#tabel_data').DataTable().destroy();
       fetch_data('yes', start_date, end_date);
        document.getElementById('tabel').style.display = "block";  
      }
      else
      {
       alert("Date Required");
      }
     }); 



    });

【问题讨论】：

这仅仅是由于数据的权重。您应该在服务器端实现分页和/或过滤，以减少需要发送到客户端并显示的记录数。
...您可能设置了错误的索引...EXPLAIN 告诉您什么？
你有没有把你的id作为主键，并且（只要你没有太多的字段要查询）索引查询字段（date_time）。另外请查看sql注入并修复您的代码:)另外，您不需要计算SELECT *的结果，只需使用返回行数的SELECT COUNT(id)
除了其他的cmets，10000非常少
也许对于 MySQL 数据库，但 DOM 很可能会根据其显示方式来处理这么多数据。

标签： php jquery datatables

【解决方案1】：

1) 使用分页 how to use pagination with PHP and mysql 而不是像下面这样的简单查询。

"SELECT * FROM data";

2) 点 select * 因为 * 将选择不必要的字段，同时定义您要显示数据的列名

示例：

select name,page,amt from data

您的最终查询将如下所示

SELECT emp_id, emp_name, emp_salary FROM employee LIMIT $offset, $rec_limit;

查看上面的链接如何使用 PHP 和 mysql 进行分页

【讨论】：