django 模板及靜態(tài)資源

模板

1 模板位置

project_name/templates下創(chuàng)建與你的app_name 同名文件夾帖努。
檢查project_name/settings.py 文件,如果沒有DIRS這項(xiàng),添加之:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        ....
              },
    },
]

在 html 文件中涉及到引用其他模板就可以這么寫了:

app_name/xxx.html

2 返回 html 頁面

編寫視圖函數(shù)。

def form1(request):
  return render(request, "app_name/xxx.html")

創(chuàng)建一個(gè)命名空間。在 app_name/urls.py 中添加:

app_name = "write_your_app_name_here!"
# 舉例:
app_name = "blog"
# 添加 url 库继。示例如下:
from . import views
url('^form1/$', views.form1, name="form1")

在模板中寫超鏈接如下所示。模板標(biāo)簽 url 的語法就是 url '命名空間:name'窜醉。這個(gè) name 是url('^form1/$', views.form1, name="form1") 中的 name宪萄。這樣寫的好處在于以后修改了視圖函數(shù)form1,只要 name 對應(yīng)的值沒有變,就不用修改模板中的相關(guān)鏈接了酱虎。

href="{% url 'kingland:form1' %}"

3 模板渲染

渲染范圍到 {% endblock %} 位置雨膨。如下圖的 index.html 文件,如果在{% endblock %} 后面加html 或 js读串,可能是不會被 Django 的模板讀取的聊记。

{% extends 'blog/lib/base.html' %}
{% block content %}
<div class="content-body">
</div>
{% endblock %}

靜態(tài)資源

  • 靜態(tài)資源的位置。app_name/static/app_name/, 在這個(gè)目錄下存放 css / js / image 等資源恢暖。如果 Django 2.0 以上排监,需要在 settings.py 中添加設(shè)置:
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
  • 模板中引用靜態(tài)資源。
    調(diào)試時(shí)打開瀏覽器控制臺杰捂,觀察輸出舆床,如果沒有加載資源的404 錯(cuò)誤,應(yīng)該就是調(diào)試成功了嫁佳。如果還是有問題挨队,ctrl + F5 強(qiáng)制刷新試試。
# 1. 模板文件的頂端載入模板標(biāo)簽
{% load staticfiles %}
# 2. 使用 static 標(biāo)簽引用靜態(tài)資源
    <link href="{% static 'app_name/css/main.css' %}" rel="stylesheet">
# 3. 繼承模板
{% include 'app_name/xxx.html' %}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蒿往,一起剝皮案震驚了整個(gè)濱河市盛垦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瓤漏,老刑警劉巖腾夯,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蔬充,居然都是意外死亡蝶俱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進(jìn)店門饥漫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來榨呆,“玉大人,你說我怎么就攤上這事趾浅°堤幔” “怎么了馒稍?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵皿哨,是天一觀的道長浅侨。 經(jīng)常有香客問我,道長证膨,這世上最難降的妖魔是什么如输? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮央勒,結(jié)果婚禮上不见,老公的妹妹穿的比我還像新娘。我一直安慰自己崔步,他們只是感情好稳吮,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著井濒,像睡著了一般灶似。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瑞你,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天酪惭,我揣著相機(jī)與錄音,去河邊找鬼者甲。 笑死春感,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的虏缸。 我是一名探鬼主播鲫懒,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼刽辙!你這毒婦竟也來了窥岩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤扫倡,失蹤者是張志新(化名)和其女友劉穎谦秧,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撵溃,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡疚鲤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缘挑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片集歇。...
    茶點(diǎn)故事閱讀 39,690評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖语淘,靈堂內(nèi)的尸體忽然破棺而出诲宇,到底是詐尸還是另有隱情际歼,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布姑蓝,位于F島的核電站鹅心,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏纺荧。R本人自食惡果不足惜旭愧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望宙暇。 院中可真熱鬧输枯,春花似錦、人聲如沸占贫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽型奥。三九已至瞳收,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間桩引,已是汗流浹背缎讼。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留坑匠,地道東北人血崭。 一個(gè)月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像厘灼,于是被迫代替她去往敵國和親夹纫。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容