欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django零基礎(chǔ)入門之靜態(tài)文件的引用

 更新時(shí)間：2021年09月02日 10:47:49   作者：孤寒者  
這篇文章主要介紹了Django零基礎(chǔ)入門之靜態(tài)文件的引用，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

引言：

在我們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——?jiǎng)?chuàng)建文件/static/js/index.js

在這里插入圖片描述

2.CSS——?jiǎng)?chuàng)建文件/static/css/index.css：

在這里插入圖片描述

3.image——?jiǎng)?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)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論