Estaba bastante preocupado acerca de cómo puedo crear una tabla en mi blog personal y agregar funcionalidades de tabla que me permitan acceder rápidamente a cualquier dato en particular. En el caso de que los datos de las tablas sean demasiado grandes, la adición de paginación era extremadamente necesaria. Además, cargar los datos en la tabla de la manera más eficiente posible ayudaría a mejorar la experiencia de trabajar con mi aplicación de blog.
Crear una tabla en un matraz es muy fácil. Todo lo que necesita hacer es definir una estructura de tabla y mostrar todos los usuarios en la tabla.
La tabla básica es una tabla que muestra todos los datos de la base de datos, al igual que la tabla de arranque. Lo llamo básico en el sentido de que es bastante bueno para mostrar datos breves. Sin embargo, no es muy eficiente mostrar datos de gran tamaño.
El mayor defecto de la tabla básica, que simplemente muestra todos los datos del usuario en nuestra base de datos, es que, durante unos segundos al cargar la página, esta tabla mostrará la tabla completa antes de que se inicie la paginación. grande, el usuario tendrá que esperar pacientemente mientras la ruta "hace su trabajo" antes de que se muestre la mesa final real.
El uso de Ajax ayuda a solucionar el problema que enfrenta la tabla básica. Aquí, la tabla se carga vacía por primera vez cuando se realiza la solicitud para acceder a la tabla ajax. Se utiliza un segundo punto final para mostrar los datos en la tabla. Sin embargo, todavía hay un pequeño problema con esta tabla. Si los datos son demasiado grandes, la tabla estará vacía durante unos segundos antes de que se muestren los datos reales. Esto se debe a que primero se debe cargar toda la tabla y esto puede llevar tiempo dependiendo del tamaño de los datos.
Con la tabla del lado del servidor, todas las funciones como paginación, búsqueda y clasificación se implementan en el lado del servidor. Esta es una forma muy eficaz de mostrar datos de gran tamaño. Cuando se realiza una solicitud de la tabla paginada del lado del servidor, solo se mostrarán los datos que se encuentran en la página en particular. Si un usuario navega a otra página, se realizará una nueva solicitud de los datos en la página siguiente. Como tal, sólo se cargan y muestran los datos necesarios. Es una mejor solución pero su implementación es un poco más complicada. Funciones como la búsqueda y la clasificación deben trasladarse del lado del cliente al lado del servidor.
NOTA: Si prueba la aplicación en el servidor Heroku, es posible que encuentre un "Error inesperado". Esto se debe a que Heroku proporciona una cantidad limitada de almacenamiento de bases de datos. Actualmente, la aplicación genera automáticamente cientos de usuarios que, cuando accede a la aplicación, Heroku podría haber deshabilitado su base de datos por exceder el límite de almacenamiento en la versión de nivel gratuito.
Si está interesado en probar la aplicación, puede utilizar los siguientes comandos para ejecutarla:
Clona este repositorio:
$ git clone [email protected]:GitauHarrison/beautiful-flask-tables.git
Cambie de directorio para acceder a la aplicación:
$ cd beautiful-flask-tables
Crear y activar el entorno virtual:
$ mkvirtualenv flask-tables
Instalar dependencias:
$ pip3 install -r requirements.txt
Ejecute la aplicación:
$ flask run
Abra la aplicación en su navegador ejecutándose en el puerto local 5000:
El uso de JQuery actualmente está obsoleto. Esto hace que DataTables.js quede obsoleto porque depende de JQuery. Consulte la versión actualizada de este proyecto aquí donde muestro cómo trabajar con Grid.js.