接下來的幾天都會是對Template Tags
的補充內容,有些東西可能前面有使用過,這邊可以當作再一次的複習。為避免看起來內容水分有點重,比較簡單的內容都會被塞到同一篇,沒直接跳過這些看起來簡單的內容是為了呼應系列文的初心
兩個字,我希望能將Django
的入門起點拉得越低越好。
今天的測試環境作法比較不一樣,所以我決定從理解Include
這個Template Tags
的過程中,去實際體驗它的效果或功能。
Include
Include
這個Django Template Tags
跟昨天介紹的Extends
有異曲同工之妙,它可以在template
裡面引用其他template
的內容,讓我們不用寫重複的HTML
。除此之外,我們還可以在Include
的同時,帶入變數值修改被引用的template
內容。
假設在很多的template
下方都需要加上footer
的內容,那我們就可以先把footer
的東西先寫成一個.html
檔,然後在其他的template
(.html
)把它include
進來並填入變數值就好。
現在先在members/templates
建立footer.html
作為網頁模板 :
接著把footer
修改成像下面這樣 :
1 | <p>You have reach the bottom of this page, thank you for your time.</p> |
<p>This is {{ name }}'s website.'</p>
,include
可以指定變數值。
然後在members/templates
建立testing.html
等待引入footer.html
的內容:
接著把testing.html
修改成像下面這樣 :
1 | <h1>Hello</h1> |
{% include 'footer.html' with name='Qi Xiang' %}
表示把footer.html
的內容引入testing.html
並指定footer.html
裡面的變數name
的值。
現在的testing.html
相當於下面這樣 :
1 | <h1>Hello</h1> |
在進入檢視結果的環節前,我們還要先修改members/views.py
和members/urls.py
這兩個地方才能看到結果。
將原本的members/views.py
加入testing
這個方法 :
1 | #上面之前做的東西都不要動 |
再將原本的members/urls.py
加入testing
這個路徑,同時指定處理請求的方法(view
)和路徑別名 :
1 | from django.urls import path |
做到這邊就可以進入檢視成果環節囉!
啟動 Server 檢視成果
-
打開
CMD
並切換到虛擬環境(python venv
)的資料夾路徑下(實際
venv
路徑不一定會跟我一樣喔!) -
輸入以下指令啟動虛擬環境
1
Scripts\activate.bat
啟動虛擬環境後結果如下:
-
接著切換路徑到
Django Project
所在的資料夾下 -
接著輸入以下指令
Start Server
1
py manage.py runserver
-
在瀏覽器輸入對應的網址(
127.0.0.1:8000/members/testing
)就可以囉~可以清楚看到
footer.html
的內容被引入到testing.html
,而且我們還指定了footer.html
裡面的變數name
的值。
明天會是
Django Template Tags
補充的最後一篇,內容是能讓我們在template
修改variable
的Filter
。