반응형
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>
[실행결과]
반응형
'IT 개발 > Django' 카테고리의 다른 글
| [Django] 장고, 로그인 / 로그아웃 구현하기 (쉬운방법) (0) | 2023.12.31 |
|---|---|
| [Django] 장고, Form 사용법 (일반폼, 모델폼) (0) | 2023.12.31 |
| [Django] 장고, static 폴더 개념 및 사용법 (정적파일 관리 - css, javascript, image) (0) | 2023.12.28 |
| [Django] 장고, 데이터 요청 및 처리방법 (GET 방식 vs POST 방식) (0) | 2023.12.28 |
| [Django] 장고, 데이터 전달 방법 (Path Parameter vs Query Parameter) (1) | 2023.12.28 |