亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

公告:魔扣目錄網(wǎng)為廣大站長提供免費(fèi)收錄網(wǎng)站服務(wù),提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.430618.com 】, 免友鏈快審服務(wù)(50元/站),

點(diǎn)擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

前幾節(jié)課我們學(xué)習(xí)了Django加載網(wǎng)頁數(shù)據(jù)的相關(guān)知識,今天我們講一下怎么加載靜態(tài)文件,我們以加載圖片為例,學(xué)習(xí)怎么配置靜態(tài)文件。

 

1.思路講解

 

首先我們需要新建文件(test2)作為我們今天練習(xí)Django的主文件,還需要新建一個(gè)模板文件(templates)和一個(gè)存儲圖片的文件(static),為方便視圖的配置,我們需要在test2文件夾下的test2文件下新建一個(gè)視圖文件(views.py)文件。所有需要的文件創(chuàng)建好以后,我們進(jìn)行設(shè)置--urls路由設(shè)置--視圖函數(shù)設(shè)置--模板設(shè)置等步驟。

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

2.Django靜態(tài)文件加載步驟講解

 

第一步。準(zhǔn)備圖片

 

我們在新建的static文件中,新建一個(gè)images文件并放置一張圖片,作為圖片加載的素材。

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

第二步,設(shè)置

 

打開setting文件,進(jìn)行如下配置:TEMPLATES中dir參數(shù)的修改以及在STATIC_URL下增加如下代碼:

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

第三步,路由的配置

 

設(shè)置好路徑以及對應(yīng)的視圖函數(shù),需要注意要先導(dǎo)入視圖函數(shù),再通過點(diǎn)的方式將視圖文件導(dǎo)入

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

第四步。視圖函數(shù)配置

 

打開views文件,進(jìn)行如下的配置,render的第二個(gè)參數(shù)是,模板中需要設(shè)置的html文件,因此我們需要在模板文件夾(templates)中新建名為'tupian.html'的文件

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

第五步。模板的設(shè)置

 

我們可以設(shè)置title,在主體內(nèi)容顯示中添加圖片的位置,并設(shè)置圖片的大小

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

注意:在模板中書寫路徑有兩種方式,我們可以回憶下上節(jié)課的內(nèi)容,上節(jié)課子鏈接地址可以用{% url "別名"%}的方式寫入,那么圖片地址的填寫的方式也是大同小異,如下,需要先加載static({% load static %})然后再使用靜態(tài)資源({% static '靜態(tài)資源的路徑'%})

 

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

第六步,最終顯示結(jié)果

最全面的Django靜態(tài)文件教程,教你輕松加載圖片

 

分享到:
標(biāo)簽:Django
用戶無頭像

網(wǎng)友整理

注冊時(shí)間:

網(wǎng)站:5 個(gè)   小程序:0 個(gè)  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學(xué)四六

運(yùn)動步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績評定2018-06-03

通用課目體育訓(xùn)練成績評定