快捷導(dǎo)航

python Django模板的使用方法

更新時(shí)間：2016年01月14日 10:44:57 投稿：lijiao

這篇文章主要為大家介紹了python Django模板的使用方法，代碼很詳細(xì)，感興趣的小伙伴們可以參考一下

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

<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(‘\\','/'),

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

#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() ，而不是手動(dòng)從文件系統(tǒng)加載模板。該 get_template() 函數(shù)以模板名稱為參數(shù)，在文件系統(tǒng)中找出模塊的位置，打開文件并返回一個(gè)編譯好的 Template 對象。
render(Context(locals()))方法接收傳入一套變量context。它將返回一個(gè)基于模板的展現(xiàn)字符串，模板中的變量和標(biāo)簽會(huì)被context值替換。其中Context(locals())等價(jià)于Context({‘name':'zbw','age':24}) ,locals()它返回的字典對所有局部變量的名稱與值進(jìn)行映射。
render_to_response Django為此提供了一個(gè)捷徑，讓你一次性地載入某個(gè)模板文件，渲染它，然后將此作為 HttpResponse返回。

6、修改urls.py

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、啟動(dòng)開發(fā)服務(wù)器

基本一個(gè)簡單的模版應(yīng)用就完成，啟動(dòng)服務(wù)看效果！
效果如圖：

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

<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

{% extends "base.html" %}
{% block title %}用戶信息{% endblock %}
 
<h3>{% block headTitle %}用戶信息：{% endblock %}</h3>
{% block content %}
<p>姓名：{{name}}</p>
<p>年齡：{{age}}</p>
{% endblock %}

product_info.html

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

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

#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

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、啟動(dòng)服務(wù)效果如下：