Django零基礎入門之靜態(tài)文件的引用
更新時間：2021年09月02日 10:47:49 作者：孤寒者
這篇文章主要介紹了Django零基礎入門之靜態(tài)文件的引用，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
引言：
在我們Django中如何引用三大靜態(tài)文件（JavaScript，CSS,image）呢？
這就是本文要講述的內容——靜態(tài)文件的引用！
效果展示：
點擊確定之后：
1.靜態(tài)文件引用：
（1）創(chuàng)建靜態(tài)文件目錄：
在項目目錄下創(chuàng)建static目錄, 為了區(qū)分開各種類型的靜態(tài)文件，再分別創(chuàng)建css,image,js文件目錄：
（2）靜態(tài)文件路徑的配置：
在settings.py文件中添加STATICFILES_DIRS
設置靜態(tài)文件目錄路徑，同templates設置。
（settings.py文件中加入下述代碼即可?。?/em>
# 配置靜態(tài)文件的路徑 BASE_DIR是項目根目錄
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static")
]
（3）創(chuàng)建三大靜態(tài)文件：
1.JS——創(chuàng)建文件/static/js/index.js
2.CSS——創(chuàng)建文件/static/css/index.css：
3.image——創(chuàng)建文件/static/image/first.jpg：
總覽：
（4）靜態(tài)文件的引用：
{#靜態(tài)文件的加載#}
{% load static %}
{# 注意：：： {% %}這是模板標簽 #}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試！</title>
{#css文件的引用#}
<link rel="stylesheet" href="{% static 'css/index.css' %}" rel="external nofollow" >
</head>
<body>
{#圖片文件的引用#}
<img src="{% static 'image/first.jpg' %}" alt="">
{#js文件的引用#}
<script src="{% static 'js/index.js' %}"></script>
</body>
</html>
到此這篇關于Django零基礎入門之靜態(tài)文件的引用的文章就介紹到這了,更多相關Django靜態(tài)文件內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
從零學python系列之數(shù)據(jù)處理編程實例（一）
本文目的：用一個實例總結學習到的with語句，函數(shù)，列表推導，集合，排序，字符分割等內容2014-05-05
今天小編就為大家分享一篇對python 讀取線的shp文件實例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-12-12
這篇文章主要給大家介紹了關于Pyqt5如何讓QMessageBox按鈕顯示中文的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Pyqt5具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
pycharm上的python虛擬環(huán)境移到離線機器上的方法步驟
本人在工作中需要在離線Windows環(huán)境中使用，本文主要介紹了pycharm上的python虛擬環(huán)境移到離線機器上的方法步驟，具有一定的參考價值，感興趣的可以了解一下2021-10-10
這篇文章主要介紹了Python的print函數(shù)如何覆蓋打印問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
django中的數(shù)據(jù)庫遷移的實現(xiàn)
這篇文章主要介紹了django中的數(shù)據(jù)庫遷移的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要介紹了python從網(wǎng)絡讀取圖片并直接進行處理的方法,涉及cStringIO模塊模擬本地文件的使用技巧,需要的朋友可以參考下2015-05-05
今天小編就為大家分享一篇使用Python 統(tǒng)計高頻字數(shù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-01-01
在如今的網(wǎng)絡數(shù)據(jù)處理與自動化任務中,瀏覽器自動化已成為不可或缺的技術,為了便于 Python 開發(fā)者更高效地進行網(wǎng)頁操作,DrissionPage 提供了一種輕量級且功能強大的解決方案,本文將深入解讀 DrissionPage 的三種核心模式,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了python?中Mixin混入類的使用方法詳解，Mixin?混入也可以說是編程模式，并不是什么新的語法，用好混入類可以使自己的代碼結構清晰，功能明了，所以以后在設計類時要多考慮使用Mixin混入類的實現(xiàn)方式2022-07-07