Herdando templates com Django \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 22 Horas 53 Min 47 Seg Tempo restante da oferta: 22 53 47 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Herdando templates com Django [ HTML ](https://www.treinaweb.com.br/blog/categoria/html) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) [ Django ](https://www.treinaweb.com.br/blog/categoria/django) # Herdando templates com Django Veja neste artigo como herdar templates no Django e, assim, facilitar a criação de páginas HTML com um grande reaproveitamento de código. [ Fagner Pinheiro ](https://www.treinaweb.com.br/blog/autor/fagner-pinheiro) 8 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/12/10111056/DJANGO-TEMPLATES.png) Quando estamos desenvolvendo um sistema web, precisamos utilizar diversos arquivos css e js em toda aplicação. Porém, muitos desses arquivos são utilizados em mais de uma página, fazendo com que, caso não se utilize as melhores práticas, haja duplicação nestas importações. No Django é comum criar uma página com toda a estrutura base para que as outras páginas do sistema herdem e, com isso, não precisamos duplicar código na aplicação. Sendo assim, veremos neste artigo como realizar este processo e, assim, otimizar o processo de desenvolvimento de aplicações Django. [ ![Django - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/django.svg) Curso Django - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/django-fundamentos) ## O problema Como dito acima, muitas vezes precisamos utilizar um mesmo arquivo css ou js em diversas páginas de um sistema. Por isso, é comum vermos um mesmo import em vários arquivos html de aplicações, o que mais atrapalha do que ajuda, já que precisamos ter muita atenção nos arquivos que estamos importando. Sendo assim, é comum vermos a seguinte estrutura em páginas HTML: ```html CADASTRO DE CLIENTES CONTEÚDO DA PÁGINA ``` ```html LISTAGEM DE CLIENTES CONTEÚDO DA PÁGINA ``` Podemos notar que há várias tags sendo utilizadas no dois arquivos (a estrutura base é a mesma, alterando apenas o conteúdo das páginas). Em apenas duas páginas pode não parecer um grande problema, porém isso começa a se tornar uma pedra no sapato quando o sistema vai crescendo, mais arquivos para importar e mais páginas para criar. ## A solução O Django possui várias *template tags* que facilitam o desenvolvimento de páginas html em nossas aplicações. No caso citado acima, o mais comum é criarmos um arquivo base que comporte toda a estrutura comum das páginas e os outros arquivos precisarão apenas herdá-lo. Sendo assim, o primeiro passo é definir o conteúdo do arquivo base.html e criar um bloco onde o código referente as outras páginas serão “encaixados”: ```html PÁGINA BASE {% block conteudo %} {% endblock conteudo %} ``` Este bloco é criado apartir da *template tag* **block**. Delimitamos onde as informações das outras páginas serão “encaixadas” quando a página base for herdada. Agora, precisamos definir que as páginas irão herdar do arquivo base.html e inserir as informações onde o bloco conteudo foi criado: ```html {% extends "base.html" %} {% block conteudo %} CONTEÚDO DA PÁGINA DE CADASTRO {% endblock conteudo %} ``` ```html {% extends "base.html" %} {% block conteudo %} CONTEÚDO DA PÁGINA DE LISTAGEM {% endblock conteudo %} ``` Agora, para cada página nova, só precisamos utilizar a tag **extends** e, assim, herdar todo o código da página base.html. Após isso, criamos o bloco **conteudo** e inserimos as informações referentes a cada página. Isso facilita (e muito) a criação de páginas html em aplicações Django, otimizando todo o processo. [ ![Django - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/django.svg) Curso Django - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/django-fundamentos) - [ #Django ](https://www.treinaweb.com.br/blog/tag/django) Autor ![Fagner Pinheiro](//secure.gravatar.com/avatar/e622f7c7d686a0b11f8d977ce9725b67?d=mm) ## Fagner Pinheiro Professor na TreinaWeb e graduado em Sistemas de Informação pelo Instituto Federal da Bahia. Apaixonado por desenvolvimento web, desktop e mobile desde os 12 anos de idade. Já utilizou todos os sistemas operacionais possíveis, mas hoje se contenta com o OSX instalado em seu desktop. Quando não está trabalhando, é IGL e Awper do time de CS:GO da Treinaweb. Até passou em uma peneira do Cruzeiro, mas preferiu estudar Python. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/fagner-pinheiro) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/02/HERDANDO-TEMPLATES-JINJA-400x280.png) [ Flask ](https://www.treinaweb.com.br/blog/categoria/flask) 6 anos atrás ## [ Como herdar templates com Jinja2 ](https://www.treinaweb.com.br/blog/como-herdar-templates-com-jinja2) Veja neste artigo como herdar templates utilizando o Jinja2. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/04/thymeleaf-reaproveitando-codigo-com-fragments-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 6 anos atrás ## [ Thymeleaf - Herança de Templates ](https://www.treinaweb.com.br/blog/thymeleaf-heranca-de-templates) Neste artigo veremos como implementar a herança de templates com os fragments parametrizados da template engine Thymeleaf. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/10/15020508/rsz_bridge-246913_1920-400x280.png) [ Orientação a Objetos ](https://www.treinaweb.com.br/blog/categoria/orientacao-a-objetos) 8 anos atrás ## [ Os pilares da orientação a objetos ](https://www.treinaweb.com.br/blog/os-pilares-da-orientacao-a-objetos) O paradigma orientado a objetos é um dos mais utilizados no mercado de trabalho. Neste artigo, veremos os pilares da orientação a objetos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/01155343/traits-php-400x280.jpg) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ O que são Traits no PHP e quando usar? ](https://www.treinaweb.com.br/blog/quando-usar-traits-no-php) Uma reflexão sobre reuso de código, herança e a recomendação de utilização de Traits. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/o_que_e_o_django_rest_framework-400x280.png) [ Django ](https://www.treinaweb.com.br/blog/categoria/django) 6 anos atrás ## [ O que é o Django REST Framework? ](https://www.treinaweb.com.br/blog/o-que-e-o-django-rest-framework) Veja neste artigo o que é o Django REST Framework. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/02/06142705/django-flask-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 8 anos atrás ## [ Django ou Flask, eis a questão. ](https://www.treinaweb.com.br/blog/django-ou-flask-eis-a-questao) Então você vai criar sua aplicação web com o Python, certo? Mas, me diz aí, qual framework você vai utilizar? Django ou Flask? Bom, vamos ver neste artigo qual problema cada um deles resolve. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/o_que_e_django_template_language-400x280.png) [ Django ](https://www.treinaweb.com.br/blog/categoria/django) 6 anos atrás ## [ O que é Django Template Language? ](https://www.treinaweb.com.br/blog/o-que-e-django-template-language) Veja neste artigo o que é o Django Template Language. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/03/12114115/PROJETO-DJANGO-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 7 anos atrás ## [ Criando um app com Django ](https://www.treinaweb.com.br/blog/criando-um-app-com-django) Veja neste artigo como criar e configurar um app em um projeto Django. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/09/03122310/configurar-ambiente-django-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 7 anos atrás ## [ Configurando ambiente de desenvolvimento para projetos Django ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-para-projetos-django) Você já teve dor de cabeça para configurar seu ambiente de desenvolvimento para projetos Python/Django? Bom, seus problemas acabaram!! Veja neste artigo as principais ferramentas utilizadas e como instalar cada uma delas para deixar seu ambiente pronto para criar suas aplicações. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/18161952/MAPEANDO-DB-DJANGO-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 8 anos atrás ## [ Mapeando banco de dados existente com Django ](https://www.treinaweb.com.br/blog/mapeando-banco-de-dados-existente-com-django) Veja neste artigo como utilizar o Django para mapear toda estrutura de um banco de dados existente em seus projetos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/15005449/DJANGO-O-QUE-É-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 8 anos atrás ## [ O que é Django? ](https://www.treinaweb.com.br/blog/o-que-e-django) Neste artigo conheceremos o que é Django, principal framework Python para desenvolvimento web. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/11153540/DJANGO-ADMIN-400x280.png) [ Django ](https://www.treinaweb.com.br/blog/categoria/django) 8 anos atrás ## [ Criando uma aplicação administrativa com Django Admin ](https://www.treinaweb.com.br/blog/criando-uma-aplicacao-administrativa-com-django-admin) Neste artigo veremos como criar uma aplicação administrativa com Django. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **22h 53min 47s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58