[jinja2] html에서 파이썬 코드 사용하기

아래 글에 이어서 합니다.

[Back-end] Html에서 get방식으로 파라미터 값 넘기기

 

변수 사용

html에서 변수는 {{ }}중괄호 두개를 겹쳐서 사용한다.

라우팅경로에서 user변수를 받아 name1에 전달하고 name2에는 문자열을 넣어준다.

해당 변수자리에 전달된 값들이 나타난다.

 

for문 사용

변수는 마찬가지로 중괄호 두개를 겹쳐서 사용하고

for문은 {% 를 사용해 정의하며 

endfor를 사용해 반복문이 끝나는 시점을 명시한다.

라우팅경로 /loop에 리스트를 정의하고 values로 전달한다.

전달된 리스트인 values의 각 원소가 li태그에 반복해서 들어간다.

range함수를 사용한 for문의 방식도 가능하지만, len함수가 사용불가능 하기에 위처럼

range( 리스트 | 리스트의 길이) 형태로 사용해준다.

리스트에 인덱스별로 출력하는 것도 가능하며

loop.index를 통해 배열의 인덱스값도 함께 출력해본다.

아래의 방식대로 사용한 for문에서는 옆에 인덱스번호도 같이 붙어나온다.

여기서 주의할 점은 통상적으로 0부터 시작하는 것과 다르게 1부터 시작한다.

 

주석

jinja에서 주석은 {#을 사용한다.

 

if문 사용

for문과 마찬가지로 {%를 사용하며 endif로 닫아준다.

값으로 27을 전달해본다.

값으로 전달된 27이 두 번째 elif문에서 걸려서 해당 태그를 출력하게 된다.