상속
{% extends “파일명.html” %}
주로 공통 소스들(head,sidebar,menubar,footer 등)을 모아 base.html에 담고 base.html을 상속받아 사용한다.
예)
<head> 각종 head에 삽입하는 소스들을 넣는다. </head> <body> <!-- 상단 메뉴, 로고 등의 소스들을 header.html에 작성한다 --> {% include "header.html" %} <!-- 앞으로 base.html을 extends 하고 block처리를 하면 아래 블럭에 출력된다. --> {% block contents %} {% endblock %} <!-- 하단 푸터 소스들을 footer.html에 작성한다 --> {% include "footer.html" %} </body>
contents 사용
{% extends "base.html" %} {% block contents %} 내용을 이곳에 넣으면 base.html에서 정의한 내용 안에 block contents에 출력된다. {% endblock %}
포함
{% include “파일명.html” %}
변수 호출 {{}}
{{변수}}
반복문
{% for 변수명 in 리스트명 %} {{변수명}} {% endfor %}
조건문
{% if 조건문 %} 로직...... {% endif %}
{% if 조건문 %} 로직...... {% else if 조건문 %} 로직...... {% else %} 로직...... {% endif %}
필터
변수명|truncatewords:숫자
*앞에서부터 숫자만큼 보여준다
변수명|default:”기본값”
*변수명에 값이 없으면 기본값이 출력되게 해준다.
변수명|length
*변수 값의 길이를 출력한다
변수명|upper
*대문자로 변환해 출력