Django自學之 將views.py中的資料傳遞到前端html頁面，並展示
阿新 • • 發佈：2018-12-31
自學Django已經有一週啦，想把自己自學過程中的每一步都記錄下來，給一些零基自學Django的戰友們一些參考；本次主要內容為，用一個例項展現views.py中的資料是如何傳遞到html頁面，並在頁面中展示。我的專案已經建立好，我的app為song03apptest。因為我的專案和環境的相關配置已經配置好，如果是第一天開始學習Django的童鞋，請先看我的入門教程，第一個Django例項。本文重點在於用例項來說明views和html前臺頁面的傳遞。
1.開啟我的app，song03apptest下的views.py編寫views.py檔案，程式碼如下：
from django.shortcuts import render # Create your views here. def year(request): years = range(1997, 2018) return render(request, 'year_test.html', {"data":years})
2.配置urls.py，其中song03apptest為我的app名稱程式碼如下：
from django.urls import path
from song03apptest import views
urlpatterns = [
path('testyear/', views.year),
]3.在templates下建立year_test.html，編寫頁面，內容如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <label for="byear">出生年月</label> <select name="byear"> {% for year111 in data %} <option value="{{ year111}}">{{ year111 }}</option> {% endfor %} </select> </body> </html>
點選後可見在views.py中使用years = range(1997, 2018)生成的列表，頁面效果如下：
