Como crear un CRUD con Django 2 y Bootstrap 4 – Parte 3 (Python 3.7)

4 minuto(s)

Demo

Esta 3ra parte es la continuación del capítulo anterior Como crear un CRUD con Django 2 y Bootstrap 4 – Parte 2 (Python 3.7) , en esta parte del tutorial crearemos las rutas, organizaremos nuestra carpeta templates en donde colocaremos las vistas de las páginas HTML, desplegaremos Bootstrap y otra utilidad necesaria para nuestro sistema CRUD, vamos con esta 3ra parte del tutorial.

Capítulos

Bien en este capítulo empezaremos creado las rutas de cada vista de nuestro CRUD.

Rutas

Voy a crear 5 rutas dentro del archivo urls.py, este archivo se encuentra dentro del directorio de tu proyecto app, (nosotros le colocamos a lo largo del tutorial el nombre app, a ti te debe aparecer el nombre que le asignaste durante la creación de tu proyecto) entonces según el orden y estructura que Django nos creo sería app > app


Abre el archivo urls.py y agrega las siguientes rutas dentro de urlpatterns, estas rutas nos sirven para llamar a una vista especifica, colocaré las siguientes rutas, en el código te explico para que sirve cada una.

La ruta admin/ viene por defecto con Django, es decir no la he creado yo.


Lo que hacemos en cada ruta es llamar a una clase determinada del archivo views.py por ejemplo en la ruta postres/crear llamamos a la clase PostreCrear la cual debe llamar al template o vista crear.html que se encuentra dentro de la carpeta postres y al final le asignamos un nombre a esta ruta, el nombre que le asignamos es crear.

Puedes ver que las rutas detalle, actualizar y eliminar usan el id del postre o registro que es un dato de tipo int


Es importante pasarle a estas 3 rutas el id del registro o postre con <int:pk> en donde int es integer y pk es primary key, ya que de esta manera Django puede saber cual es el registro que debe de leer, actualizar y eliminar de la Base de Datos.

Mi archivo urls.py se vería de la siguiente manera con el código completo

Templates

Como cada ruta esta llamando a un archivo HTML con la vista correspondiente que debe de mostrar dicha ruta, tenemos que crear un directorio llamado templates en donde crearemos 4 archivos HTML que son actualizar.html, crear.html, detalles.html y index.html

El directorio templates lo creamos dentro del directorio de nuestra aplicación postres en la siguiente ubicación app > app > postres > templates > postres 

Bootstrap 4

Vamos a desplegar Bootstrap 4 en Django, usaremos esta librería . Abre tu consola de comandos y ejecuta el siguiente comando para instalarla


Si deseas más información de esta librería, por favor visita su enlace.

Adicionalmente para poder renderizar y gestionar sin problemas los campos de nuestros formularios, vamos a usar la librería django-widget-tweaks, abre tu consola de comandos y ejecuta el siguiente comando para instalarla


Si deseas más información de esta librería, por favor visita este enlace.

Y para borrar completamente la cache de mi proyecto durante las pruebas y desarrollo, he instalado el paquete django-clear-cache

Dentro de tu archivo settings.py debes de agregar estas 2 librerías que hemos desplegado en Django.


Bien con esto ya tenemos todo listo para crear el contenido de nuestras vistas HTML que serán actualizar.html, crear.html, detalles.html y index.html

Notas

  • En la parte número 4 y última de este tutorial crearemos las vistas HTML, añadiremos mensajes despues de haber creado, actualizado y eliminado un postre o registro de la Base de Datos y realizaremos unas configuraciones adicionales para nuestra aplicación CRUD.
  • Los pasos mencionados en este tutorial pueden cambiar en un futuro, esto no depende de nosotros si no de las empresas que dan soporte a Django, Python y MySQL que suelen cambiar el orden y las opciones de sus tecnologías.