快捷導(dǎo)航

python Django模板的使用方法（圖文）

更新時間：2013年11月04日 09:47:35 作者：

模板通常用于產(chǎn)生HTML，但是Django的模板也能產(chǎn)生任何基于文本格式的文檔。

模版基本介紹
模板是一個文本，用于分離文檔的表現(xiàn)形式和內(nèi)容。模板定義了占位符以及各種用于規(guī)范文檔該如何顯示的各部分基本邏輯（模板標(biāo)簽）。模板通常用于產(chǎn)生HTML，但是Django的模板也能產(chǎn)生任何基于文本格式的文檔。
來一個項目說明
1、建立MyDjangoSite項目具體不多說，參考前面。
2、在MyDjangoSite（包含四個文件的）文件夾目錄下新建templates文件夾存放模版。
3、在剛建立的模版下建模版文件user_info.html

復(fù)制代碼代碼如下:

<html>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>用戶信息</title>
    <head></head>
    <body>
        <h3>用戶信息：</h3>
        <p>姓名：{{name}}</p>
        <p>年齡：{{age}}</p>
    </body>
</html>

說明：{{ name }}叫做模版變量；{% if xx %} ，{% for x in list %}模版標(biāo)簽。

4、修改settings.py 中的TEMPLATE_DIRS
導(dǎo)入import os.path
添加 os.path.join(os.path.dirname(__file__), 'templates').replace('\\','/'),

復(fù)制代碼代碼如下:

TEMPLATE_DIRS = (
    # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.

#"E:/workspace/pythonworkspace/MyDjangoSite/MyDjangoSite/templates",
os.path.join(os.path.dirname(__file__), 'templates').replace('\\','/'),
)

說明：指定模版加載路徑。其中os.path.dirname(__file__)為當(dāng)前settings.py的文件路徑，再連接上templates路徑。

5、新建視圖文件view.py

復(fù)制代碼代碼如下:

#vim: set fileencoding=utf-8:

#from django.template.loader import get_template
#from django.template import Context
#from django.http import HttpResponse
from django.shortcuts import render_to_response

def user_info(request):
    name = 'zbw'
    age = 24
    #t = get_template('user_info.html')
    #html = t.render(Context(locals()))
    #return HttpResponse(html)
    return render_to_response('user_info.html',locals())

說明：Django模板系統(tǒng)的基本規(guī)則：寫模板，創(chuàng)建 Template 對象，創(chuàng)建 Context ，調(diào)用 render() 方法。
可以看到上面代碼中注釋部分
#t = get_template('user_info.html') #html = t.render(Context(locals()))
#return HttpResponse(html)
get_template('user_info.html')，使用了函數(shù) django.template.loader.get_template() ，而不是手動從文件系統(tǒng)加載模板。該 get_template() 函數(shù)以模板名稱為參數(shù)，在文件系統(tǒng)中找出模塊的位置，打開文件并返回一個編譯好的 Template 對象。
render(Context(locals()))方法接收傳入一套變量context。它將返回一個基于模板的展現(xiàn)字符串，模板中的變量和標(biāo)簽會被context值替換。其中Context(locals())等價于Context({'name':'zbw','age':24}) ,locals()它返回的字典對所有局部變量的名稱與值進(jìn)行映射。
render_to_response Django為此提供了一個捷徑，讓你一次性地載入某個模板文件，渲染它，然后將此作為 HttpResponse返回。

6、修改urls.py

復(fù)制代碼代碼如下:

from django.conf.urls import patterns, include, url
from MyDjangoSite.views import user_info

# Uncomment the next two lines to enable the admin:
# from django.contrib import admin
# admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'MyDjangoSite.views.home', name='home'),
    # url(r'^MyDjangoSite/', include('MyDjangoSite.foo.urls')),

# Uncomment the admin/doc line below to enable admin documentation:
# url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

# Uncomment the next line to enable the admin:
# url(r'^admin/', include(admin.site.urls)),

url(r'^u/$',user_info),

)

7、啟動開發(fā)服務(wù)器
基本一個簡單的模版應(yīng)用就完成，啟動服務(wù)看效果！
效果如圖：

模版的繼承
減少重復(fù)編寫相同代碼，以及降低維護(hù)成本。直接看應(yīng)用。
1、新建/templates/base.html

復(fù)制代碼代碼如下:

<html>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>{% block title %}{% endblock %}</title>
    <head></head>
    <body>
        <h3>{% block headTitle %}{% endblock %}</h3>
        {% block content %} {% endblock %}

        {% block footer %}
            <h3>嘿，這是繼承了模版</h3>
        {% endblock%}
    </body>
</html>

2、修改/template/user_info.html,以及新建product_info.html
urser_info.html

復(fù)制代碼代碼如下:

{% extends "base.html" %}

{% block title %}用戶信息{% endblock %}

<h3>{% block headTitle %}用戶信息：{% endblock %}</h3>

{% block content %}
<p>姓名：{{name}}</p>
<p>年齡：{{age}}</p>
{% endblock %}

product_info.html

復(fù)制代碼代碼如下:

{% extends "base.html" %}
{% block title %}產(chǎn)品信息{% endblock %}
<h3>{% block headTitle %}產(chǎn)品信息：{% endblock %}</h3>
{% block content %}
    {{productName}}
{% endblock %}

3、編寫視圖邏輯，修改views.py

復(fù)制代碼代碼如下:

#vim: set fileencoding=utf-8:

#from django.template.loader import get_template
#from django.template import Context
#from django.http import HttpResponse
from django.shortcuts import render_to_response

def user_info(request):
    name = 'zbw'
    age = 24
    #t = get_template('user_info.html')
    #html = t.render(Context(locals()))
    #return HttpResponse(html)
    return render_to_response('user_info.html',locals())

def product_info(request):
productName = '阿莫西林膠囊'
return render_to_response('product_info.html',{'productName':productName})

4、修改urls.py

復(fù)制代碼代碼如下:

from django.conf.urls import patterns, include, url
from MyDjangoSite.views import user_info,product_info

# Uncomment the next two lines to enable the admin:
# from django.contrib import admin
# admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'MyDjangoSite.views.home', name='home'),
    # url(r'^MyDjangoSite/', include('MyDjangoSite.foo.urls')),

# Uncomment the admin/doc line below to enable admin documentation:
# url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

# Uncomment the next line to enable the admin:
# url(r'^admin/', include(admin.site.urls)),

url(r'^u/$',user_info),
url(r'^p/$',product_info),
)

5、啟動服務(wù)效果如下：