[Django] Template 상속

Template 상속

동일하게 사용되는 html 부분을 base.html 에 저장해 이를 사용할 html 파일들이 상속하는 것

1. base.html

# 공통으로 사용 될 html 부분을 기존 html 작성하 듯 동일하게 작업한 뒤에 아래와 같은 코드라인을 작성해준다.

# 상속 받는 html 파일들은 block content와 endblock 사이에 해당 html 파일들에서 보여줄 내용을 작성한다.

#공통으로 보여줄 html 내용 작성
<div class="container"> 
    {% block content %}
    {% endblock %}
</div>

2. 상속 받는 html (ex.home.html)

{% extends 'base.html' %} #base.html 상속 받아오기

{% block content %}
    # home.html 내용 작성
{% endblock %}

 

3. settings.py 작업

TEMPLATES  내 비어있는 'DIR' 오른쪽을 base.html 파일의 경로로 채워준다.

ex) base.html이 templates 폴더에 있는 경우

--> 'DIR' : ['/templates']