AngelPlayer`s Diary

템플릿 상속

장고는 기본 html 태그 등, 중복되는 내용을 템플릿 상속을 통해 해결할 수 있음

 

- 템플릿 틀 예시

{% block content %}과 {% endblock %} 사이가 템플릿을 상속한 파일이 구현하는 영역이 됨

<!-- base.html -->
{% load static %}
<!DOCTYPE html>
<html lang="ko">
<head>
	.. 중복 내용 ..
</head>
<body>
	{% block content %}
	.. 페이지별로 변경 될 내용 ..
	{% endblock %}
</body>
</html>

 

- 템플릿을 상속 받는 페이지

<!-- child.html -->
{% extends 'base.html' %}

{% block content %}
<!-- {% block content %}과 {% endblock %}사이에 들어갈 내용 작성 -->
...

공유하기

facebook twitter kakaoTalk kakaostory naver band