본문 바로가기
파이썬/파이썬기본문법

파이썬 Django 템플릿 준비

by flycoding 2024. 2. 18.
반응형

파이썬 Django 템플릿 생성

모델을 만든 후에는 원하는 필드와 데이터를 사용하여 웹 페이지에 데이터를 표시해야 한다.

먼저 all_members.html이라는 HTML 파일을 만들고 /templates/폴더에 배치한다:

my_tennis_club/members/templates/all_members.html:

<!DOCTYPE html>
<html>
<body>

<h1>Members</h1>
  
<ul>
  {% for x in mymembers %}
    <li>{{ x.firstname }} {{ x.lastname }}</li>
  {% endfor %}
</ul>

</body>
</html>

 

HTML 문서 안에 {% %} 괄호가 보이나요?

그들은 Django 태그(Django Tags)로, Django 에게 이 괄호 안에서 프로그래밍 로직을 수행하라고 말한다.

파이선 Django 뷰 수정

다음으로 템플릿에서 모델 데이터를 사용할 수 있도록 해야 한다. 이것은 보기에서 수행된다.

보기에서 Member 모델을 가져와 템플릿에 다음과 같이 보내야 한다:

my_tennis_club/members/views.py:

from django.http import HttpResponse
from django.template import loader
from .models import Member

def members(request):
  mymembers = Member.objects.all().values()
  template = loader.get_template('all_members.html')
  context = {
    'mymembers': mymembers,
  }
  return HttpResponse(template.render(context, request))

 

all_members.html:

<!DOCTYPE html>
<html>
<body>

<h1>Members</h1>
  
<ul>
  {% for x in mymembers %}
    <li>{{ x.firstname }} {{ x.lastname }}</li>
  {% endfor %}
</ul>

</body>
</html>    

위의 코드를 실행하면 아래 그림과 같다.

파이썬 Django 템플릿 뷰 활용 예제

 

member 보기는 다음 작업을 수행한다:

  • Member 모델의 모든 값으로 mymember 개체를 만든다.
  • all_members.html 템플릿을 로드한다.
  • mymembers 개체를 포함하는 개체를 만든다.
  • 개체를 템플릿으로 보낸다.
  • 템플릿에 의해 렌더링되는 HTML을 출력한다.

파이썬 Django 결과

결과를 확인할 수 있도록 예제를 만들었다:

all_members.html:

<!DOCTYPE html>
<html>
<body>

<h1>Members</h1>
  
<ul>
  {% for x in mymembers %}
    <li>{{ x.firstname }} {{ x.lastname }}</li>
  {% endfor %}
</ul>

</body>
</html>           


views.py:

from django.http import HttpResponse
from django.template import loader
from .models import Member

def members(request):
  mymembers = Member.objects.all().values()
  template = loader.get_template('all_members.html')
  context = {
    'mymembers': mymembers,
  }
  return HttpResponse(template.render(context, request))     

위의 코드를 실행하면 아래 그림과 같다.

파이썬 Django 템플릿 뷰 활용 예제

 

사용자 컴퓨터에서 모든 단계를 수행한 경우 사용자 자신의 브라우저에서 결과를 확인할 수 있다:

/my_tennis_club/ 폴더로 이동하여 서버를 시작하고 다음 명령을 실행한다:

py manage.py runserver

 

브라우저 창에서 주소 표시줄에 127.0.0.0.1:8000/members/를 입력한다.

 

이번 글에서는 파이썬 Django Template을 생성하고 뷰를 수정하여 그 결과를 확인하는 과정을 실습하였다.

꼭 손으로 눈으로 머리로 익히며 실습하기를 바란다.

모두 화이팅입니다.

 

출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.

반응형

댓글