Django零基礎(chǔ)入門之靜態(tài)文件的引用
引言：
在我們Django中如何引用三大靜態(tài)文件（JavaScript，CSS,image）呢？
這就是本文要講述的內(nèi)容——靜態(tài)文件的引用！
效果展示：
點(diǎn)擊確定之后：
1.靜態(tài)文件引用：
（1）創(chuàng)建靜態(tài)文件目錄：
在項(xiàng)目目錄下創(chuàng)建static目錄, 為了區(qū)分開各種類型的靜態(tài)文件，再分別創(chuàng)建css,image,js文件目錄：
（2）靜態(tài)文件路徑的配置：
在settings.py文件中添加STATICFILES_DIRS
設(shè)置靜態(tài)文件目錄路徑，同templates設(shè)置。
（settings.py文件中加入下述代碼即可！）
# 配置靜態(tài)文件的路徑 BASE_DIR是項(xiàng)目根目錄 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 %}
{#注意：：： {% %}這是模板標(biāo)簽 #}
<!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>
到此這篇關(guān)于Django零基礎(chǔ)入門之靜態(tài)文件的引用的文章就介紹到這了,更多相關(guān)Django靜態(tài)文件內(nèi)容請搜索本站以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持本站！
版權(quán)聲明：本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學(xué)習(xí)參考，不代表本站立場，如有內(nèi)容涉嫌侵權(quán)，請聯(lián)系alex-e#qq.com處理。
關(guān)注官方微信