模版基本介紹
模板是一個文本,用於分離文檔的表現形式和內容。 模板定義了占位符以及各種用於規范文檔該如何顯示的各部分基本邏輯(模板標簽)。 模板通常用於產生HTML,但是Django的模板也能產生任何基於文本格式的文檔。
來一個項目說明
1,建立MyDjangoSite項目具體不多說,參考前面。
2,在MyDjangoSite(包含四個文件的)文件夾目錄下新建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 %}模版標簽。
4,修改settings.py 中的TEMPLATE_DIRS
- 導入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__)為當前settings.py的文件路徑,再連接上templates路徑。
5,新建視圖文件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())
說明:Django模板系統的基本規則: 寫模板,創建 Template 對象,創建 Context , 調用 render() 方法。
可以看到上面代碼中注釋部分
#t = get_template('user_info.html') #html = t.render(Context(locals())) #return HttpResponse(html)
get_template('user_info.html'),使用了函數 django.template.loader.get_template() ,而不是手動從文件系統加載模板。 該 get_template() 函數以模板名稱為參數,在文件系統中找出模塊的位置,打開文件並返回一個編譯好的 Template 對象。
render(Context(locals()))方法接收傳入一套變量context。它將返回一個基於模板的展現字符串,模板中的變量和標簽會被context值替換。其中Context(locals())等價於Context({'name':'zbw','age':24}) ,locals()它返回的字典對所有局部變量的名稱與值進行映射。
render_to_response Django為此提供了一個捷徑,讓你一次性地載入某個模板文件,渲染它,然后將此作為 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,啟動開發服務器
基本一個簡單的模版應用就完成,啟動服務看效果!
效果如圖:
模版的繼承
減少重復編寫相同代碼,以及降低維護成本。直接看應用。
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 %}產品信息{% endblock %} <h3>{% block headTitle %}產品信息:{% 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,啟動服務效果如下: