注:原文地址——數碼維基
模版基本介紹
模板是一個文字,用於分離文件的表現形式和內容。 模板定義了佔位符以及各種用於規範文件該如何顯示的各部分基本邏輯(模板標籤)。 模板通常用於產生HTML,但是Django的模板也能產生任何基於文字格式的文件。
來一個專案說明
1、建立MyDjangoSite專案具體不多說,參考前面。
2、在MyDjangoSite(包含四個檔案的)資料夾目錄下新建templates資料夾存放模版。
3、在剛建立的模版下建模版檔案user_info.html
1 2 3 4 5 6 7 8 9 10 |
<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(‘\\’,’/’),
1 2 3 4 5 6 7 |
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、新建檢視檔案view.py
1 2 3 4 5 6 7 8 9 10 11 12 |
#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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
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
1 2 3 4 5 6 7 8 9 10 11 12 |
<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
1 2 3 4 5 6 7 8 |
{% extends "base.html" %} {% block title %}使用者資訊{% endblock %} <h3>{% block headTitle %}使用者資訊:{% endblock %}</h3> {% block content %} <p>姓名:{{name}}</p> <p>年齡:{{age}}</p> {% endblock %} |
product_info.html
1 2 3 4 5 6 |
{% extends "base.html" %} {% block title %}產品資訊{% endblock %} <h3>{% block headTitle %}產品資訊:{% endblock %}</h3> {% block content %} {{productName}} {% endblock %} |
3、編寫檢視邏輯,修改views.py
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
#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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
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、啟動服務效果如下: