Usar la etiqueta include en Django

Este tutorial tiene como objetivo enseñar rápida y fácilmente cómo usar la etiqueta include dentro del archivo HTML individual en Django.

Importar archivo externo dentro del archivo HTML usando la etiqueta include en Django

En la documentación de Django, hay diferentes etiquetas de plantilla integradas que podemos usar. Y la etiqueta extiende es parte de la herencia de la plantilla.

La etiqueta include también forma parte de la herencia de la plantilla. La etiqueta include brinda una forma más inteligente de evitar el código redundante y ayuda a agregar un archivo externo a un pequeño fragmento de código.

Por ejemplo, si tenemos una página de inicio con una barra de navegación e integramos varias páginas en un sitio web completo, necesitaremos agregarla en diferentes páginas. Sin embargo, es un proceso lento agregar una barra de navegación en cada página por separado.

En ese caso, no vamos a agregar una barra de navegación individualmente. Tendremos que crear nuestros archivos base.html y navbar.html, escribir un script de barra de navegación en estos archivos, luego podemos usarlo donde queramos reemplazarlo usando la etiqueta include.

De acuerdo con la documentación, la etiqueta include carga y muestra la plantilla con el contexto actual. Esta es una forma de incluir otras plantillas dentro de una plantilla.

Ahora, crearemos un nuevo archivo HTML usando el archivo navbar.html empleando la etiqueta include. Tenemos que usar esta etiqueta en la etiqueta body HTML, y necesitaremos usar plantillas jinja dentro del código HTML.

Las plantillas de Jinja nos ayudan a importar variables y aplicar la herencia dentro del archivo HTML. Podemos ver que la etiqueta include necesita abrir y cerrar corchetes, y alrededor de ellos, escribiremos la etiqueta include, y después de un espacio, escribiremos el nombre del archivo que necesitamos reemplazar.

Si ejecutamos nuestro servidor, ahora podemos ver que tenemos una barra de navegación en otra página.

Ha aprendido lo fácil que puede usar la etiqueta include e incluir un archivo HTML externo en su proyecto Django. Puede obtener más información desde aquí.