Want to create interactive content? It’s easy in Genially!

Get started free

Integracion de Bootstrap con Django

pilarcayo33

Created on June 11, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

PYTHON Y DJANGO

Integrar Bootstrap a Django

Integrando bootstraP y django

1. Crear un nuevo proyecto Django

2. Crear un entorno virtual y activarlo

3. Install Django and django-bootstrap5 en tu entorno virtual

pip install django-bootstrap5

4. Configura tu proyecto Django para incluir django_bootstrap5 app

Abre el archivo settings.py de tu proyecto y agrega django_bootstrap5 a installed apps.

5. Crea una aplicacion dentro de tu proyecto

python manage.py startapp nombreAplicacion

6. Crea una template base para tu aplicación

dentro de la carpeta templates, crea un nuevo archivo y nombralo como base.html

8. Configure su proyecto para buscar archivos de plantilla dentro de la carpeta de nivel de proyecto

Después de crear la carpeta templates y el archivo base.html, abra el archivo principal settings.py y reemplace la siguiente línea en la variable TEMPLATES dentro de la clave del diccionario DIRS: 'DIRS': [BASE_DIR / 'templates'],

8. Cargue la biblioteca django_bootstrap5 y sus etiquetas en su base.html

Abra el archivo base.html que creó anteriormente y agregue las siguientes líneas en la parte superior del archivo, dentro de la etiqueta <head>.

9. Comience a usar las clases de utilidad de Bootstrap 5 en sus plantillas de Django

Cree un bloque de plantilla que usará para las plantillas de su proyecto: agregue las siguientes líneas a las etiquetas <body>

10. El archivo base.html deberia verse asi:

Su aplicación Django está lista para usar Bootstrap como marco de interfaz para diseñar sus páginas.

Integración Boostrap y Django

conexion a base de datos mysql - xampp

Conectar Mysql con Django utilizando Xampp

1- Primero instalamos Xampp, en el cual definimos una base de datos y configuraciones de acceso de usuario. 2-Instalar el cliente de MySQL para Python Posicionados en el proyecto Django, en la consola, ejecutamos el siguiente comando: pip install mysqlclient 3- Configuración de conexión de Django MySQL Django, por defecto, usa la base de datos SQLite. La configuración de conexión para el mismo se ve así. Para conectar Django a la base de datos MySQL, tenemos que usar la siguiente configuración.

Conectar Mysql con Django utilizando Xampp

La clave ENGINE para la base de datos MySQL varía. Aparte de eso, hay algunas teclas adicionales como USER, PASSWORD, HOST y PORT.

4- Por último, realice las migraciones necesarias utilizando: python manage.py makemigrations y python manage.py migrate para completar la configuración.

Conectar Mysql con Django utilizando Xampp

¿Como usar Django con una base de datos ya existente en MySQL? Para mantener actualizado models.py cada vez que se modifique la base de datos, posicionados en el proyecto y dentro del entorno virtual, en la consola ejecutamos el siguiente comando: python manage.py inspectdb > mysite/myapp/models.py

¡Gracias!

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> {% load django_bootstrap5 %} {% bootstrap_css %} {% bootstrap_javascript %} {% bootstrap_messages %} <title>Bootstrap demo</title> </head> <body> {% block content %} {% endblock content %} </body> </html>