Skip to content

Un proyecto de ejemplo que implementa un CRUD completo usando Django como backend, HTMX para interacciones sin recarga de página y MySQL como base de datos.

Notifications You must be signed in to change notification settings

urian121/crud-django-htmx-y-mysql

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CRUD Django con HTMX y MySQL

Un proyecto de ejemplo que implementa un CRUD completo usando Django como backend, HTMX para interacciones sin recarga de página y MySQL como base de datos.

image

Características Principales

  • Interfaz moderna con Bootstrap 5
  • Operaciones CRUD completas (Crear, Leer, Actualizar, Eliminar)
  • Uso de HTMX para interacciones sin recarga de página
  • Manejo de archivos (imágenes y PDFs)
  • Visualización previa de PDFs
  • Estado de aceptación/rechazo de aspirantes
  • Tabla con paginación y ordenamiento

Instalación

  1. Crear y activar entorno virtual:
python -m venv env
source env/bin/activate  # En Windows: env\Scripts\activate
  1. Instalar dependencias:
pip install -r requirements.txt
  1. Configurar la base de datos MySQL:
  • Crear una base de datos MySQL
  • Actualizar las credenciales en project_core/settings.py
  1. Aplicar las migraciones:
python manage.py makemigrations
python manage.py migrate
  1. Crear un superusuario (opcional):
python manage.py createsuperuser
  1. Ejecutar el servidor:
python manage.py runserver

Tecnologías Utilizadas

  • Backend: Django
  • Frontend: Bootstrap 5, HTMX
  • Base de datos: MySQL
  • JavaScript: HTMX, DataTables
  • UI Components: Bootstrap Icons

Funcionalidades Principales

  1. Listado de Aspirantes

    • Tabla con paginación y ordenamiento
    • Estado visual de aceptación/rechazo
    • Búsqueda y filtrado
  2. Crear Aspirante

    • Formulario modal para agregar nuevo aspirante
    • Subida de imagen de perfil
    • Subida de archivo PDF (CV)
    • Validación de campos
  3. Ver Detalles

    • Modal para ver información completa
    • Vista previa de imagen de perfil
    • Vista previa de PDF
  4. Actualizar Aspirante

    • Modal para editar información
    • Actualización de imagen y PDF
    • Mantenimiento de archivos existentes
  5. Eliminar Aspirante

    • Confirmación de eliminación
    • Eliminación segura

🙌 Cómo puedes apoyar 📢:

Comparte este proyecto con otros desarrolladores para que puedan beneficiarse 📢.

Invítame un café o una cerveza 🍺:

  • Paypal (iamdeveloper86@gmail.com).

⚡ ¡No olvides SUSCRIBIRTE a la Comunidad WebDeveloper!

Déjanos una estrella en GitHub:

  • Dicen que trae buena suerte 🍀. Gracias por tu apoyo 🤓.

About

Un proyecto de ejemplo que implementa un CRUD completo usando Django como backend, HTMX para interacciones sin recarga de página y MySQL como base de datos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published