Última actualización: 15 de diciembre de 2023

6.5. Admin Dashboard

El objeto de esta sección es hacer un demostración local de una interfaz «Admin» que integre un «Dashboard» en Flask.

6.5.1. Requisitos previos

Para hacer un demostración local de un Flask Admin Dashboard requiere instalar las siguientes librerías:

Actualizar repositorios de paquetes disponibles para instalar, con el siguiente comando:

$ sudo apt update

Instalar dependencias mínimas necesarias, con el siguiente comando:

$ sudo apt install python3-dev python3-pip python3-virtualenv git sqlitebrowser

6.5.2. Descargar código

Usted puede descargar código desde Github, ejecutando el siguiente comando:

$ cd ~/ && git clone https://github.com/jonalxh/Flask-Admin-Dashboard.git
$ cd ~/Flask-Admin-Dashboard

6.5.3. Entorno virtual Python

Crear entorno virtual Python en directorio file:~/Flask-Admin-Dashboard con el siguiente comando:

$ virtualenv --python=/usr/bin/python3 venv

Activarlo entorno virtual Python creado con el siguiente comando:

$ source ./venv/bin/activate

6.5.4. Instalar paquetes Python

Para instalar las dependencias para usar del framework Flask, con el siguiente comando:

$ pip3 install -r requirements.txt

6.5.5. Ejecutar aplicación Flask

Para ejecutar aplicación Web Flask, con los siguientes comandos:

$ chmod +x app.py
$ ./app.py

Abrir en navegador >>> http://127.0.0.1:5000/admin/

6.5.6. Flask Authentication

La aplicación Flask Admin Dashboard usa el plugin Flask-Security para la autenticación de usuarios de la aplicación, como se muestra en la siguiente figura:

Flask Admin Dashboard - Index

Figura 6.6, Figura 6.6, Flask Admin Dashboard - Index

Flask Admin Dashboard - Inicio de sesión

Figura 6.7, Figura 6.7, Flask Admin Dashboard - Inicio de sesión

6.5.7. Admin Dashboard

La aplicación Flask Admin Dashboard usa su propio interfaz Admin usando la librería Flask-Admin que incluye un Dashboard construido bajo la GUI de AdminLTE, como se muestra en la siguiente figura:

Flask Admin Dashboard

Figura 6.8, Figura 6.8, Flask Admin Dashboard

6.5.8. Database Browser para SQLite

La aplicación Flask Admin Dashboard usa la base de datos de SQLite para almacenar sus datos, usted puede ver gráficamente la estructura y registros de la base de datos, con el siguiente comando:

$ sqlitebrowser bookdatabase.db

Este mostrara el Database Browser para SQLite de la aplicación Flask Admin Dashboard, como la siguiente figura:

Flask Admin Dashboard - Database Browser para SQLite

Figura 6.9, Figura 6.9, Flask Admin Dashboard - Database Browser para SQLite

Como puede ver en la figura anterior la aplicación Flask Admin Dashboard tiene su propia estructura de datos por cada plugin Flask o modelos de su aplicación.

Nota

El código ejemplo usado puede encontrarlo en: https://github.com/jonalxh/Flask-Admin-Dashboard


Ver también

Consulte la sección de lecturas suplementarias del entrenamiento para ampliar su conocimiento en esta temática.


¿Cómo puedo ayudar?

¡Mi soporte está aquí para ayudar!

Mi horario de oficina es de lunes a sábado, de 9 AM a 5 PM. GMT-4 - Caracas, Venezuela.

La hora aquí es actualmente 7:35 PM GMT-4.

Mi objetivo es responder a todos los mensajes dentro de un día hábil.

Contrata mi increíble soporte profesional