Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Como crear un CRUD con Django 3.1 (Python 3.9) y Bootstrap 4.6 – Parte 4

Demo

En la parte anterior llamada Como crear un CRUD con Django 3.1 (Python 3.9) y Bootstrap 4.6 – Parte 3, configuramos las vistas genéricas para nuestro proyecto, estas vistas genéricas nos permitirán realizar varias tareas CRUD que estan conectadas a nuestro modelo Postres que configuramos en la Parte 2 de este tutorial, en esta nueva parte vamos a configurar las rutas y otros elementos importantes para que el sistema CRUD funcione sin problemas, vamos con ello.

Partes

Antes de continuar te invito a leer los siguientes artículos:

Asimismo, te invito a escuchar el Podcast: “No Encuentro Empleo Por Mi Edad ¿ Que Puedo Hacer ?”:

Spotify: Sound Cloud: Apple Podcasts

Bien ahora continuemos con el Post: Como crear un CRUD con Django 3.1 (Python 3.9) y Bootstrap 4.6 – Parte 4. 

Rutas

Voy a crear 5 rutas indispesables para mi sistema CRUD funcione sin problemas. Abro el archivo urls.py que se encuentra en cruddjango31 > cruddjango31 > urls.py 


Dentro del archivo urls.py agrego las siguientes rutas dentro de urlpatterns = [], mediante estas rutas llamamos a una determinada vista HTML, estas vistas HTML las crearé más adelante.

La ruta admin/ la creo el Framework Django automáticamente cuando se creo el proyecto, asi que no hay que tocarla.


Mediante las rutas que definí en el código anterior, estoy llamando a las vistas genéricas (clases) que definimos en la Parte 3 de este tutorial, 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.

Se puede apreciar que las rutas detalleactualizar y eliminar usan el id del postre o registro que es un dato de tipo int


Siempre debemos 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.

A continuación el código completo del archivo urls.py:


Ahora pasemos a organizar los templates para el sistema CRUD.

Templates

Dentro el archivo urls.py que configuré anteriormente, podemos ver que cada ruta está 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.htmlcrear.htmldetalles.html y index.html

El directorio templates no viene con Django Framework o se crea automáticamente, este directorio lo debo de crear manualmente dentro del directorio de nuestra aplicación postres y dentro del directorio templates debo crear otro directorio llamado postres, es decir la ruta quedaria como cruddjango31 > postres > templates > postres 


Ahora pasaré a instalar algunas dependencias necesarias para este proyecto.

Instalación y Configuración de Paquetes

Instalaré y configuraré un par de paquetes para mi proyecto:

Bootstrap 4

El Framework Bootstrap 4 nos permite crear interfaces HTML de manera rápida, asi nos enfocamos solamente en la lógica de la aplicación. Voy a instalar la librería django-bootstrap4 ejecutando el siguiente comando, esta librería nos instala Bootstrap 4 dentro del Framework Django:


Para más información puedes visitar el enlace del paquete.

Django Widget Tweaks

Ahora instalaré el paquete django-widget-tweaks que me permite renderizar y gestionar los campos de los formularios de manera ágil, ejecuto el siguiente comando para instalarlo:


Igualmente, para más información puedes visitar el enlace del paquete.

Para que los paquetes instalados anteriormente funcionen en mi proyecto, debo de instanciarlos dentro del archivo settings.py que se encuentra en cruddjango31 > cruddjango31 > settings.py 


Abro el archivo settings.py y dentro de el instancio el paquete django-bootstrap4 y django-widget-tweaks en la sección INSTALLED_APPS = []:


Hasta aquí hemos creado las rutas, configurado el directorio templates para los archivos HTML e instalado los paquetes que necesitaré para el sistema CRUD.

Ten Paciencia, lo que quiero es que conozcas bien como se crea este proyecto y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje. 

Nota (s)

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Salir de la versión móvil