El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
HOME Mis cursos Finalizados
◄ Anterior
◄

Uso de Flask-Admin para Interfaces de Administración

Siguiente ►
►

Flask-Admin es una extensión poderosa y flexible para Flask que permite crear interfaces de administración de manera rápida y sencilla. Esta herramienta es especialmente útil para gestionar bases de datos, usuarios y otros recursos de tu aplicación web.

Objetivos de esta Sección

  • Entender qué es Flask-Admin y sus beneficios.
  • Aprender a instalar y configurar Flask-Admin.
  • Crear una interfaz de administración básica.
  • Personalizar la interfaz de administración para adaptarla a tus necesidades.

¿Qué es Flask-Admin?

Flask-Admin es una extensión que proporciona una interfaz de administración para aplicaciones Flask. Permite a los desarrolladores crear paneles de administración para gestionar datos y realizar operaciones CRUD (Crear, Leer, Actualizar, Eliminar) de manera sencilla.

Beneficios de Usar Flask-Admin

  • Facilidad de Uso: Configuración rápida y sencilla.
  • Flexibilidad: Altamente personalizable para adaptarse a diferentes necesidades.
  • Integración: Compatible con diversas bases de datos y otras extensiones de Flask.

Instalación de Flask-Admin

Para comenzar a usar Flask-Admin, primero necesitas instalarlo. Puedes hacerlo utilizando pip:

pip install flask-admin

Configuración Básica de Flask-Admin

A continuación, configuraremos una aplicación Flask básica e integraremos Flask-Admin.

Paso 1: Crear la Aplicación Flask

Primero, crea una aplicación Flask básica:

from flask import Flask
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///mydatabase.db'
db = SQLAlchemy(app)

Paso 2: Definir un Modelo de Base de Datos

Define un modelo de base de datos que quieras gestionar con Flask-Admin:

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)

    def __repr__(self):
        return f'<User {self.username}>'

Paso 3: Inicializar Flask-Admin

Ahora, inicializa Flask-Admin y añade una vista para el modelo User:

from flask_admin import Admin
from flask_admin.contrib.sqla import ModelView

admin = Admin(app, name='MyApp Admin', template_mode='bootstrap3')
admin.add_view(ModelView(User, db.session))

Paso 4: Ejecutar la Aplicación

Finalmente, ejecuta la aplicación:

if __name__ == '__main__':
    db.create_all()
    app.run(debug=True)

Personalización de Flask-Admin

Flask-Admin es altamente personalizable. A continuación, veremos algunas formas de personalizar la interfaz de administración.

Personalizar la Vista del Modelo

Puedes personalizar la vista del modelo User creando una subclase de ModelView:

class UserAdmin(ModelView):
    column_list = ('id', 'username', 'email')
    form_columns = ('username', 'email')
    column_searchable_list = ('username', 'email')
    column_filters = ('username', 'email')

admin.add_view(UserAdmin(User, db.session))

Añadir Autenticación

Para proteger la interfaz de administración, puedes añadir autenticación. Aquí hay un ejemplo básico utilizando Flask-Login:

from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user

login_manager = LoginManager()
login_manager.init_app(app)

class AdminUser(UserMixin, db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    password = db.Column(db.String(120), nullable=False)

@login_manager.user_loader
def load_user(user_id):
    return AdminUser.query.get(int(user_id))

class MyAdminIndexView(AdminIndexView):
    @expose('/')
    @login_required
    def index(self):
        return super(MyAdminIndexView, self).index()

admin = Admin(app, index_view=MyAdminIndexView())

# Añadir autenticación a las vistas del modelo
class SecureModelView(ModelView):
    def is_accessible(self):
        return current_user.is_authenticated

admin.add_view(SecureModelView(User, db.session))

Ejercicio Práctico

Ejercicio 1: Crear una Interfaz de Administración para un Modelo de Producto

  1. Define un modelo Product con los campos id, name, price y description.
  2. Añade una vista de administración para el modelo Product utilizando Flask-Admin.
  3. Personaliza la vista para que solo se muestren los campos name y price en la lista de productos.

Solución

class Product(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(80), nullable=False)
    price = db.Column(db.Float, nullable=False)
    description = db.Column(db.String(200))

class ProductAdmin(ModelView):
    column_list = ('name', 'price')
    form_columns = ('name', 'price', 'description')

admin.add_view(ProductAdmin(Product, db.session))

Conclusión

En esta sección, hemos aprendido a utilizar Flask-Admin para crear interfaces de administración en nuestras aplicaciones Flask. Hemos cubierto desde la instalación y configuración básica hasta la personalización y la adición de autenticación. Flask-Admin es una herramienta poderosa que puede facilitar enormemente la gestión de datos en tus aplicaciones web.

Próximos Pasos

En el siguiente módulo, exploraremos cómo usar Flask-SocketIO para implementar WebSockets en nuestras aplicaciones Flask, permitiendo la comunicación en tiempo real entre el servidor y los clientes.

◄ Anterior
◄
Siguiente ►
►

Curso de Desarrollo Web con Flask

Módulo 1: Introducción a Flask

Módulo 2: Conceptos Básicos de Flask

Módulo 3: Formularios y Entrada de Usuario

Módulo 4: Integración de Bases de Datos

Módulo 5: Autenticación de Usuarios

Módulo 6: Conceptos Avanzados de Flask

Módulo 7: APIs RESTful con Flask

Módulo 8: Despliegue y Producción

Módulo 9: Pruebas y Mejores Prácticas

Módulo 10: Extensiones y Ecosistema de Flask

El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
© Copyright 2024. Todos los derechos reservados