Usar estáticos en aplicación Flask

19/Mar/2016 Python Deja un comentario

Si estás trabajando con Flask ya sabes que lo primero que hay que hacer para usar estáticos en aplicación Flask es guardarlos en la carpeta /static.

De esta manera cuando estemos creando plantillas sabremos dónde se encuentran estos ficheros: imágenes, librerías javascript, hojas de estilo,...

De primeras podríamos referenciar a un estático desde un template de la siguiente forma:

  1. <img src="/static/images/logo.png"/>

Y este código no tiene porque fallar cuando ejecutemos nuestra aplicación Flask. Si bien, es verdad, que la forma en la que configuren y desplieguen la aplicación puede no estar bajo nuestro control. Así que puede variar la URL en la que se ejecute la aplicación o renombren el directorio de los estáticos.

Así que deberemos de utilizar el método url_for para obtener la URL de la forma más correcta.

  1. {{ url_for('static', filename='nombre_recurso') }}"/>

De esta forma si tenemos el siguiente recurso:

/static/images/logo.png

Podemos referenciarlo de la siguiente manera:

  1. {{ url_for('static', filename='images/logo.png') }}

Y usarlo dentro de nuestro template de una forma sencilla:

  1. <img src="{{ url_for('static', filename='images/logo.png') }}"/>

Con esto ya hemos visto lo sencillo que es usar estáticos en aplicación Flask.

Vídeos sobre Flask


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*