前幾節課我們學習了Django加載網頁數據的相關知識,今天我們講一下怎么加載靜態文件,我們以加載圖片為例,學習怎么配置靜態文件。
1.思路講解
首先我們需要新建文件(test2)作為我們今天練習Django的主文件,還需要新建一個模板文件(templates)和一個存儲圖片的文件(static),為方便視圖的配置,我們需要在test2文件夾下的test2文件下新建一個視圖文件(views.py)文件。所有需要的文件創建好以后,我們進行設置--urls路由設置--視圖函數設置--模板設置等步驟。
2.Django靜態文件加載步驟講解
第一步。準備圖片
我們在新建的static文件中,新建一個images文件并放置一張圖片,作為圖片加載的素材。
第二步,設置
打開setting文件,進行如下配置:TEMPLATES中dir參數的修改以及在STATIC_URL下增加如下代碼:
第三步,路由的配置
設置好路徑以及對應的視圖函數,需要注意要先導入視圖函數,再通過點的方式將視圖文件導入
第四步。視圖函數配置
打開views文件,進行如下的配置,render的第二個參數是,模板中需要設置的html文件,因此我們需要在模板文件夾(templates)中新建名為'tupian.html'的文件
第五步。模板的設置
我們可以設置title,在主體內容顯示中添加圖片的位置,并設置圖片的大小
注意:在模板中書寫路徑有兩種方式,我們可以回憶下上節課的內容,上節課子鏈接地址可以用{% url "別名"%}的方式寫入,那么圖片地址的填寫的方式也是大同小異,如下,需要先加載static({% load static %})然后再使用靜態資源({% static '靜態資源的路徑'%})
第六步,最終顯示結果