Header Ads Widget

Ticker

6/recent/ticker-posts

Bootgrid De Ejemplo Simple (Lado Del Servidor) Con PHP, MySQL Y Ajax

 Este tutorial ayuda a comprender la integración de bootgrid con php, mysql y ajax. Convertiremos una tabla HTML simple en la tabla de características con funciones como buscar datos de tabla, paginación, clasificación de columnas y muchas más.

Bootgrid es un complemento de cuadrícula increíble para enumerar los resultados. Control de cuadrícula de bootgrid especialmente diseñado para bootstrap. Bootgrid tiene características ricas como Lightweight, Cross Browser Support (IE, Firefox, Chrome, Safari, Opera) y compatibilidad con html5.

En el artículo anterior, presenté sobre BootGrid Plugin Basic . Puede usar bootgrid para generar listados usando dos métodos.

También puede consultar otro tutorial para Grid,


Bootgrid es un complemento de cuadrícula jquery extremadamente bueno que se usa para cambiar una tabla HTML simple en una cuadrícula poderosa con funciones como insertar, actualizar y eliminar registros de la tabla, clasificación de columnas de la tabla, paginación, búsqueda de datos utilizando el lado del servidor.

Opción 1: Ejemplo De Bootgrid Con El Lado Del Cliente

El lado del cliente significa que proporciona paginación, clasificación y búsqueda cargando registros de datos completos a la vez.Esto funcionará bien solo con un pequeño conjunto de registros, pero si tiene un gran conjunto de registros, el problema de rendimiento entrará en escena, porque la obtención de una gran cantidad de los datos del lado del servidor tardarán en procesarse y cargarse en la tabla.

Ejemplo De Bootgrid De Paginación, Clasificación Y Búsqueda Mediante Enlace De Datos Del Lado Del Cliente

No se necesita ninguna configuración especial para aplicar bootgrid en la tabla.Necesita recuperar todos los registros de la base de datos y enlazar con la tabla usando rowsvia HTMLo usar el método de anexar jQuery para agregar filas dinámicamente con el cuerpo de la tabla.Finalmente inicialice bootgrid en la tabla usando el data-toggle="bootgrid"atributo con in tu mesa como abajo,

data-toggle utilizar para inicializar bootgrid en la mesa.

Opción 2: Bootgrid (Lado Del Servidor) Con PHP, MySQL Y Ajax

El procesamiento del lado del servidor aparecerá en la imagen cuando tenga un gran conjunto de datos. Los datos del lado del servidor obtendrán datos en fragmentos, por lo que la sobrecarga de datos de su aplicación mejorará y obtendrá un mejor rendimiento de la aplicación. Necesitamos la ajaxopción truey pasar una URL a la urlopción en el método bootgrid.

Los Siguientes Archivos Participarán En Bootgrid Con PHP, MySql Y Ajax

  • index.php: este archivo es responsable de crear la tabla html y la paginación.
  • connection.php: este archivo se utiliza para crear una conexión con mysql.
  • response.php: este archivo es responsable de obtener datos de la base de datos utilizando la consulta mysql y devolver los datos json aindex.php.
  • dist: esta es una carpeta, que se usa para guardar todos los archivos de la biblioteca.

Bootgrid De Demostración Simple (Lado Del Servidor) Con PHP, MYsql Y Ajax

Paso 1: Incluya el archivo js y css en index.php.

Paso 2: definir la tabla html y el data-toggle="bootgrid"atributo de llamada


Paso 3:
 Defina ajax requestpara obtener datos del lado del servidor.

Aquí #employee_gridestá la identificación de la tabla donde estoy implementando bootgrid y url: "response.php"es el servicio o archivo de destino para llamar en cada solicitud de paginación.

Paso 4: response.php contendrá toda la lógica y el código de procesamiento del lado del servidor.

Conclusión:

Bootgrid es muy simple y fácil de usar con php y MySQL. Podemos usar con registros de datos únicos (clasificación, búsqueda y paginación del lado del cliente) así como del lado del servidor (clasificación, búsqueda y paginación) para conjuntos de datos grandes.

Demo Y Código De Descarga De Bootgrid Con PHP, Mysql Y Ajax

Publicar un comentario

0 Comentarios