| 1 | = Referências a arquivos estáticos = |
| 2 | |
| 3 | Utilizamos frequentemente a referência a imagens, CSS e scripts de JavaScript em nossas páginas web, como nos exemplos abaixo: |
| 4 | |
| 5 | {{{ |
| 6 | <img src="/media/imagem.gif"/> |
| 7 | <script src="/media/testes.js"></script> |
| 8 | <link rel="stylesheet" href="/media/base.css"></script> |
| 9 | }}} |
| 10 | |
| 11 | Ocorre que temos a setting '''MEDIA_URL''', que indica o caminho-raiz para arquivos estáticos, podendo inclusive contêr endereço a outro domínio ou subdomínio em caso de servidores separados. |
| 12 | |
| 13 | Uma boa prática para tornar seu código mais correto e compatível com esta setting é utilizando o context processor '''django.core.context_processors.media''', indicando-o na setting '''TEMPLATE_CONTEXT_PROCESSORS''', como no exemplo abaixo: |
| 14 | |
| 15 | {{{ |
| 16 | TEMPLATE_CONTEXT_PROCESSORS = ( |
| 17 | 'django.core.context_processors.auth', |
| 18 | 'django.core.context_processors.debug', |
| 19 | 'django.core.context_processors.i18n', |
| 20 | 'django.core.context_processors.media', |
| 21 | ) |
| 22 | }}} |
| 23 | |
| 24 | Sendo assim, você passará a utilizar a variável '''MEDIA_URL''' sempre que fizer referência ao cominho-raiz para arquivos estáticos, como abaixo: |
| 25 | |
| 26 | {{{ |
| 27 | <img src="{{ MEDIA_URL }}imagem.gif"/> |
| 28 | <script src="{{ MEDIA_URL }}testes.js"></script> |
| 29 | <link rel="stylesheet" href="{{ MEDIA_URL }}base.css"></script> |
| 30 | }}} |