教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

如何創(chuàng)建模板？Django視圖怎樣調(diào)用模板？

更新時(shí)間:2021年09月14日16時(shí)26分 來(lái)源:傳智教育 瀏覽次數(shù):

如何向請(qǐng)求者返回一個(gè)漂亮的頁(yè)面呢？肯定需要用到html、css，如果想要更炫的效果還要加入js，問(wèn)題來(lái)了，這么一堆字段串全都寫到視圖中，作為HttpResponse()的參數(shù)嗎？這樣定義就太麻煩了吧，因?yàn)槎x字符串是不會(huì)出任何效果和錯(cuò)誤的，如果有一個(gè)專門定義前端頁(yè)面的地方就好了
解決問(wèn)題的技術(shù)來(lái)了：模板。在Django中，將前端的內(nèi)容定義在模板中，然后再把模板交給視圖調(diào)用，各種漂亮、炫酷的效果就出現(xiàn)了

創(chuàng)建模板：
為應(yīng)用booktest下的視圖index創(chuàng)建模板index.html，目錄結(jié)構(gòu)如下圖：

創(chuàng)建和調(diào)用模板

'DIRS': [os.path.join(BASE_DIR, 'templates')],

創(chuàng)建和調(diào)用模板

定義模板

打開templtes/booktest/index.html文件，定義代碼如下在模板中輸出變量語(yǔ)法如下，變量可能是從視圖中傳遞過(guò)來(lái)的，也可能是在模板中定義的

{{變量名}}

在模板中編寫代碼段語(yǔ)法如下

{%代碼段%}

定義模板內(nèi)容如下

<html>
<head>
    <title>圖書列表</title>
</head>
<body>
<h1>{{title}}</h1>
{%for i in list%}
{{i}}<br>
{%endfor%}
</body>
</html>

視圖調(diào)用模板

調(diào)用模板分為三步驟：
1.找到模板2.定義上下文3.渲染模板
打開booktst/views.py文件，調(diào)用上面定義的模板文件。

#coding:utf-8

from django.http import HttpResponse
from django.template import loader,RequestContext

def index(request):
    # 1.獲取模板
    template=loader.get_template('booktest/index.html')
    # 2.定義上下文
    context=RequestContext(request,{'title':'圖書列表','list':range(10)})
    # 3.渲染模板
    return HttpResponse(template.render(context))

打開瀏覽器刷新頁(yè)面，顯示效果如下圖

創(chuàng)建和調(diào)用模板

視圖調(diào)用模板簡(jiǎn)寫

視圖調(diào)用模板都要執(zhí)行以上三部分，于是Django提供了一個(gè)函數(shù)render封裝了以上代碼
方法render包含3個(gè)參數(shù)
第一個(gè)參數(shù)為request對(duì)象
第二個(gè)參數(shù)為模板文件路徑
第三個(gè)參數(shù)為字典，表示向模板中傳遞的上下文數(shù)據(jù)打開booktst/views.py文件，調(diào)用render的代碼如下

#coding:utf-8

from django.shortcuts import render

def index(request):
    context={'title':'圖書列表','list':range(10)}
    return render(request,'booktest/index.html',context)






猜你喜歡：

Django的開發(fā)理：Django框架哲學(xué)

Django路由配置方法和注意問(wèn)題詳解

Django MTV架構(gòu)指的是什么?

django單元測(cè)試：如何執(zhí)行單元測(cè)試？

傳智教育web前端與移動(dòng)開發(fā)課程

0 分享到：
和我們?cè)诰€交談！