天天看點

Web開發之Django(四)(編寫第一個HTML網頁)

一、關于url路徑路徑配置

1、在項目檔案wblog中的urls中的url是總路由,我們可以定義一個路徑,就像這樣

Web開發之Django(四)(編寫第一個HTML網頁)

2、然後在應用檔案blog檔案夾的url是分路由,我們也可以定義一個路徑,就像這樣

Web開發之Django(四)(編寫第一個HTML網頁)

那麼最終我們通路網頁的路徑就變成了

Web開發之Django(四)(編寫第一個HTML網頁)

二、從路由到網頁

1、方法:将view.py檔案中的hello函數改成如圖所示

Web開發之Django(四)(編寫第一個HTML網頁)

2、在templates檔案中建立blog檔案,再在blog檔案中建立hello.html檔案,如圖

Web開發之Django(四)(編寫第一個HTML網頁)

3、然後運作項目,這樣第一個網頁就完成了

Web開發之Django(四)(編寫第一個HTML網頁)

三、下面處理Django中的網頁

1、首先我們要建立一個static檔案,并settings檔案加入初始的路徑路徑

Web開發之Django(四)(編寫第一個HTML網頁)
Web開發之Django(四)(編寫第一個HTML網頁)

2、建立一個static檔案用于存放css、js等樣式

Web開發之Django(四)(編寫第一個HTML網頁)

3、下面我們添加一點頁面内容

Web開發之Django(四)(編寫第一個HTML網頁)

4、添加一些簡單的樣式

Web開發之Django(四)(編寫第一個HTML網頁)

5、運作得到最終的效果

Web開發之Django(四)(編寫第一個HTML網頁)

四、通用靜态檔案和基礎模闆

模闆标簽的文法

1、引入靜态檔案

{% static ‘檔案位址’ %}

2、加載靜态檔案

{% load static %}

Web開發之Django(四)(編寫第一個HTML網頁)

3、因為有的header和footer會有很多的不變化,是以我們要用檔案包含,就是單獨将網頁的頭和尾摘出來,

Web開發之Django(四)(編寫第一個HTML網頁)
Web開發之Django(四)(編寫第一個HTML網頁)

4、block标簽

{% block 自定義名稱 %}

内容

{% endblock %}

Web開發之Django(四)(編寫第一個HTML網頁)

5、模闆繼承檔案

Web開發之Django(四)(編寫第一個HTML網頁)

然後在hello.html中繼承base.html

Web開發之Django(四)(編寫第一個HTML網頁)

這樣運作的得到的結果,與原來一樣,不過header、body、footer三部分都單獨拿出來了,不過body由于内容較多較複雜,是以可以繼承一個base檔案,目标不變,友善修改内容

Web開發之Django(四)(編寫第一個HTML網頁)
Web開發之Django(四)(編寫第一個HTML網頁)