模板
問題
如何向請求者返回一個漂亮的頁面呢?
肯定需要用到html、css,如果想要更炫的效果還要加入js,問題來了,這么一堆字段串全都寫到視圖中,作為HttpResponse()的參數嗎?這樣定義就太麻煩了吧,因為定義字符串是不會出任何效果和錯誤的,如果有一個專門定義前端頁面的地方就好了。
解決問題的技術來了:模板。
在Django中,將前端的內容定義在模板中,然后再把模板交給視圖調用,各種漂亮、炫酷的效果就出現了。
創建模板
為應用booktest下的視圖index創建模板index.html,目錄結構如下圖:
設置查找模板的路徑:打開test1/settings.py文件,設置TEMPLATES的DIRS值
'DIRS': [os.path.join(BASE_DIR, 'templates')],
定義模板
打開templtes/booktest/index.html文件,定義代碼如下:
<html>
<head><title>圖書列表</title>
</head>
<body>
<h1>{{title}}</h1>
{%for i in list%}
{{i}}<br>
{%endfor%}
</body>
</html>
在模板中輸出變量語法如下,變量可能是從視圖中傳遞過來的,也可能是在模板中定義的。
{{變量名}}
在模板中編寫代碼段語法如下:
{%代碼段%}
視圖調用模板
調用模板分為三步驟:
- 1.找到模板
- 2.定義上下文
- 3.渲染模板
打開booktst/views.py文件,調用上面定義的模板文件
from django.http import HttpResponse
from django.template import loader,RequestContextdef index(request):# 1.獲取模板template=loader.get_template('booktest/index.html')# 2.定義上下文context=RequestContext(request,{'title':'圖書列表','list':range(10)})# 3.渲染模板return HttpResponse(template.render(context))
打開瀏覽器刷新頁面,顯示效果如下圖:
視圖調用模板簡寫
視圖調用模板都要執行以上三部分,于是Django提供了一個函數render封裝了以上代碼。 方法render包含3個參數:
- 第一個參數為request對象
- 第二個參數為模板文件路徑
- 第三個參數為字典,表示向模板中傳遞的上下文數據
打開booktst/views.py文件,調用render的代碼如下:
from django.shortcuts import renderdef index(request):context={'title':'圖書列表','list':range(10)}return render(request,'booktest/index.html',context)