장고를 활용한 웹사이트 만들기 - 템플릿에 정보 채우기

다음 강의 보기: MVC 패턴 동영상 다시보기 이 강의 동영상에 대한 의견 보내기

강의노트
질문 (10)

템플릿에 정보 채우기

이전 강의 - 템플릿으로 html 불러오기에서는 후보에 대한 정보를 정적으로 보여줬습니다.

이 강의에서는 DB에 있는 정보를 html html로 전달해 후보에 대한 정보를 동적으로 보이는 방법을 설명합니다.

1. views.py에서 DB에 있는 후보 정보를 html에 전달

# C\Code\mysite\elections\views.py

from django.shortcuts import render
from django.http import HttpResponse

from .models import Candidate

def index(request):
    candidates = Candidate.objects.all()
    context = {'candidates' : candidates} #context에 모든 후보에 대한 정보를 저장
    return render(request, 'elections/index.html', context) # context로 html에 모든 후보에 대한 정보를 전달

2. index.html에서는 반복문을 돌며 전달받은 후보 정보를 보여줍니다

<!-- C\Code\mysite\elections\template\elections\index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <title>선거 후보</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <table class="table table-striped">
        <thead>
        <tr>
            <td><B>이름</B></td>
            <td><B>소개</B></td>
            <td><B>출마지역</B></td>
            <td><B>기호</B></td>
        </tr>
        </thead>
        <!-- 이 부분이 바뀌었습니다 -->
        <tbody>
        {% for candidate in candidates %}
        <tr>
            <td> {{ candidate.name }} </td>
            <td> {{ candidate.introduction }} </td>
            <td> {{ candidate.area }} </td>
            <td>기호 {{ candidate.party_number }} 번</td>
        </tr>
        {% endfor %}
        <!-- 여기까지 -->
        <tbody>
    </table>
</body>