IT 개발/Django
[Django] 장고, template의 extends와 include로 html 문서 만들기
KADOSHOLY
2023. 12. 28. 22:40
반응형
Django - 장고, template의 extends와 include로 html 문서 만들기
목차
- template의 extends와 include
- 사용예제
1. template의 extends와 include
웹페이지에 보여지는 html 문서들을 작성할 때, extends와 include를 사용하면 효율적으로 html 문서를 생성할 수 있습니다.
- include :외부에 있는 html 파일의 내용을 삽입할 때 사용합니다.
- extends : 미리 만들어둔 html 틀을 가지고와서 그 안에 내용을 채워 html 문서를 작성할 때 사용합니다.
- {% block 이름 %} ... {% endblock %} : 채워야할 내용과 위치를 지정합니다.
2. 사용예제
1) view.py와 urls.py
# views.py
def show(request):
return render (request, 'testapp/show.html', {})
# urls.py
urlpatterns = [
path("show", views.show),
]
2) show.html
{% extends "testapp/base.html" %}
{% block content1 %}
<h3>컨텐츠1 보여주기</h3>
{% endblock %}
3) base.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
{% block content1 %}
Default block content (수정하세요)
{%endblock%}
{% include "testapp/footer.html" %}
</body>
</html>
4) footer.html
<h3>footer입니다.</h3>
[실행결과]
반응형