Tengo un sitio que me carga una lista de clientes, y actualmente son poco mas de 8400 clientes, entonces al querer cargar el listado, se esta demorando demasiado, quisiera que alguien por favor me guié o me ayude en que podria hacer, se que puedo paginar, pero no se exactamente que debo hacer para que se carguen de a poco los resultados.
Aqui comparto el codigo de la funcion que se utiliza para cargar los clientes, si alguien me ayuda como seria mas o menos paginando lo agradeceria mucho ya que no se que mas hacer.
public function getClientes($detailed = false) {
$response = array();
$stmt = $this->conn->prepare("SELECT * FROM clientes where estado = '" . ESTADO_ACTIVO . "' or estado = '" . ESTADO_PENDIENTE . "' order by apellido, nombre LIMIT 100");
$stmt->execute();
$result = $stmt->get_result();
while ($row = $result->fetch_array(MYSQLI_ASSOC)) {
$res = array(
'id_cliente' => $row['id_cliente'],
'cedula' => $row['cedula'],
'nombre' => utf8_encode($row['nombre']),
'apellido' => utf8_encode($row['apellido']),
'sector' => utf8_encode($row['sector']),
'direccion' => utf8_encode($row['direccion']),
'correo' => $row['correo'],
'instagram' => $row['instagram'],
'nacimiento' => $row['nacimiento'],
'celular' => $row['celular'],
'imagen' => $row['imagen'],
);
if ($detailed) {
$res["comentarios"] = $this->getComentariosByCliente($row["id_cliente"]);
$res["servicios"] = $this->getServiciosByCliente($row["id_cliente"]);
$res["premios"] = $this->getPremiosByCliente($row["id_cliente"]);
$res["puntos_totales"] = 0;
foreach ($res["servicios"] as $key => $servicio) {
$res["puntos_totales"] += $servicio["puntos"];
}
$res["puntos_restantes"] = $res["puntos_totales"];
foreach ($res["premios"] as $key => $premio) {
$res["puntos_restantes"] -= $premio["puntos"];
}
}
$response[] = $res;
}
return $response;
}
Quería usar otro estilo pero no, me dicen que debo usar el que ya esta que es este, aquí puse para que muestre unicamente 10 resultado:
Y realmente no sé como adaptarlo para que funcione con un paginado en el mysql, aquí comparto el código que llena esta tabla, para que por favor me ayuden con como podría hacerlo.
$.get('../api/v1/clientes/all', {}, function(returnedData) {
if(returnedData["error"] == false) {
clientes = returnedData["clientes"];
clientes.forEach(function(data) {
$("#tableClientes").append("<tr><td>"+data['nombre'] + " " + data['apellido'] + "</td><td>" + data['correo'] + "</td><td>" + data['cedula'] + "</td><td>" + data['puntos_totales'] + "</td><td>" + data['puntos_restantes'] + "</td><td><a onclick='showComentarios(" + '"' + data["id_cliente"] + '"' + ")' class='btn btn-accion btn-circle asignar' title='Comentarios'><i class='icon-envelope' style='color:white;'></i></a><a href='clientes-form.php?id=" + data["id_cliente"] + "' class='btn btn-accion btn-circle asignar' title='Editar'><i class='icon-pencil' style='color:white;'></i></a><a onclick='borrarRegistro(\"clientes\"," + '"' + data['id_cliente'] + '"' + ")' class='btn btn-accion btn-circle asignar' title='Eliminar'><i class='icon-trash' style='color:white;'></i></a></td></tr>");
});
$("#table").DataTable({"pageLength": 50});
}
}