【Day 13】 Django Records in Template

2022-09-28

2022-10-17

Django 初心者之旅

剛看到標題可能會不知道今天要幹嘛，我們今天要接續Day 09的內容，把從資料庫資料表取得的資料，用表格的形式在畫面上呈現出來。

複習一下我們在Day 09最後呈現的網頁 :

接下來要分3部分開始實作囉!

注意! 要先在members/templates新增1個index.html(新增就好先不動它)。

修改 View

這次我們一樣要去修改members/views.py的index方法，把它修改成像下方這樣 :

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

def index(request):
  mymembers = Members.objects.all().values() #1
  template = loader.get_template('index.html') #2
  context = { 
    'mymembers': mymembers, #3
  }
  return HttpResponse(template.render(context, request)) #4

將Members資料表的紀錄(Reoord)取出來放到mymembers裡面
載入index.html這個Template並放到同名變數template裡面
建立名為context的變數，然後以Dict的Key-Value形式，放進變數mymembers
把攜帶著資料表紀錄資料的context傳到template裡面，最後以template回應請求並顯示在瀏覽器的視窗畫面上

修改 Template

我們剛剛把資料表的紀錄(Record)資料傳給index.html後，接下來就要到members/templates/index.html稍微修改原始碼，把每筆紀錄(Record)依序加到表格中。

修改之後長得像這樣:

<h1>Members</h1>

<table border="1">
{% for x in mymembers %} 
<tr>
<td>{{ x.id }}</td>
<td>{{ x.firstname }}</td>
<td>{{ x.lastname }}</td>
</tr>
{% endfor %}
</table>

{% for x in mymembers %} ` * `mymembers`就是`context`裡面的`Key`，而實際上取得的`Value`則是`QuerySet`，接著用`For`迴圈把`QuerySet`裡面的`Record`逐一拿出來放到變數`x` ![](https://i.imgur.com/ANZ09Tk.png) * `{{ x.id }}` * 取出該筆紀錄的`id`值 * `{{ x.firstname }}` * 取出該筆紀錄的`firstname`值 * `{{ x.lastname }}` * 取出該筆紀錄的`lastname`值 * `{% endfor %}
- 結束For迴圈區塊

最後就到檢視成果的部分囉!