Django加載靜態文件

方法一:

1.在app目錄中創建static 目錄,并在該目錄下創建存儲css,img,js的子目錄.

2.在相應的目錄下創建相對應的靜態文件.

  static/css/mystyle.css,

  static/img/timg.jpg,(保存圖片)

  static/js/myjs.js

3.在模板文件中加載靜態文件

例:

  mystyle.css:

    body{ background:blue;}

  myjs.js:

    alert('hello')

  static_test.html: 

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href={% static 'css/mystyle.css' %}>
<meta charset="UTF-8">
<title>Title</title>
</head>

<body>
<script src={% static 'js/myjs.js' %}></script>
<img src={% static 'img/timg.jpg' %}>
</body>
</html>

?

方法二:

使用絕對路徑,在setting.py文件中添加

STATICFILES_DIRS = (
'common/image',
)
STATICFILES_DIRS指定路徑,就在common中添加image目錄,并保存圖片m3.jpg.
在模板文件中
<img src={% static 'm3.jpg' %}><br>
img標簽src直接使用m3.jpg文件

轉載于:https://www.cnblogs.com/remoting-py/p/9060254.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/452660.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/452660.shtml
英文地址,請注明出處:http://en.pswp.cn/news/452660.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Flsak愛家租房--實名認證

0.頁面展示效果 1.設置用戶實名認證信息–后端代碼 api.route("/users/auth", methods["POST"]) login_required def set_user_auth():"""保存實名認證信息"""user_id g.user_id# 獲取參數req_data request.get_json()if …

IntelliJ 啟動不同端口的兩個spring cloud項目

IntelliJ 啟動不同端口的兩個spring cloud項目 1&#xff0c;使用maven進行clean package 2&#xff0c;在Terminal界面&#xff0c;輸入java -jar xxx.jar --server.port8001就可以更換server的啟動端口了&#xff1b;

python sort怎么用,Linux Sort命令詳細用法(有實例)

Linux Sort命令詳細用法(有實例)sort是在Linux里非常常用的一個命令&#xff0c;管排序的&#xff0c;集中精力&#xff0c;五分鐘搞定sort&#xff0c;現在開始&#xff01;Linux sort命令進階&#xff1a;1 sort的工作原理sort將文件的每一行作為一個單位&#xff0c;相互比較…

需求分析階段各種圖的功能

實體聯系圖&#xff0c;描繪數據對象及數據對象之間的關系&#xff0c;是用于建立數據模型的圖形。數據流圖是建立功能模型的基礎。狀態轉換圖描繪了系統的各種行為模式和在不同狀態間轉換的方式。

python面試題總結(7)--操作類

1. Python 交換兩個變量的值 答&#xff1a;在 Python 中交換兩個對象的值通過下面的方式即可 a , b b ,a 但是需要強調的是這并不是元組解包&#xff0c;通過 dis 模塊可以發現&#xff0c;這是交換操作的字節碼是 ROT_TWO&#xff0c;意思是在棧的頂端做兩個值的互換操作。…

選擇讓孩子練習羽毛球的家長好好看看!

一、初級階段 主要要練習小孩的各項身體素質指標、基礎的發球和高遠球、最基礎的步伐訓練。根據小孩年齡的不同以及練習頻率的不同&#xff0c;大概需要100-300小時的訓練量&#xff08;訓練間隔天數越多&#xff0c;時間需要越長&#xff09;。 二、初級提高階段 高遠球對抗能…

LOJ#6281. 數列分塊入門 5

內存限制&#xff1a;256 MiB時間限制&#xff1a;500 ms標準輸入輸出題目類型&#xff1a;傳統評測方式&#xff1a;文本比較上傳者&#xff1a; hzwer提交提交記錄統計討論 1測試數據題目描述 給出一個長為 nnn 的數列&#xff0c;以及 nnn 個操作&#xff0c;操作涉及區間開…

版本控制工具歷史的10個里程碑

導讀&#xff1a;作者Eric Raymond在flourish上發表的一篇《Astonishments, ten, in the history of version control》&#xff0c;文中總結了版本控制工具的重要10個里程碑&#xff0c;一起與開發者分享下。 如果你想要了解真正的歷史&#xff0c;你需要回到在打孔卡上進行人…

php把語音轉成幀,[轉載]用TCP/IP實現自己簡單的應用程序協議:成幀器部分

在前面《字節和字符,對信息進行編碼》&#xff0c;《Socket>流&#xff0c;TCP連接,TCP可靠性概述》一系列的隨筆中我們已經表述了相應的理論知識&#xff0c;現在可以動手實現一個自己的應用程序協議。將 數據轉換成在線路上傳輸的字節序列只完成了一半的工作&#xff0c;在…

實體聯系圖簡介

通常&#xff0c;使用實體聯系圖(entity relationship diagram)來建立數據模型。可以把實體聯系圖簡稱為ER圖&#xff0c;相應地可把用ER圖描繪的數據模型稱為ER模型。 ER圖中包含了實體(即數據對象)、關系和屬性3種基本成分&#xff0c;通常用矩形框代表實體&#xff0c;用連…

Flask愛家租房--城區信息

0.效果展示 城市列表使用緩存的過程 1.后端代碼 # coding:utf-8from . import api from flask import g, current_app, jsonify, request, session from ihome.utils.response_code import RET from ihome.models import Area, House, Facility, HouseImage, User, Order from …

數值計算算法-多項式插值算法的實現與分析

數值計算是指在數值分析領域中的算法。數值分析是專門研究和數字以及近似值相關的數據問題&#xff0c;數值計算在數值分析的研究中發揮了特別重要的作用。 多項式插值是計算函數近似值的一種方法。其中函數值僅在幾個點上已知。 該算法的基礎是建立級數小于等于n的一個插值多項…

HIVE ORC 報錯ClassCastException

HIVE ORC格式的表查詢報錯 Failed with exception java.io.IOException:java.lang.ClassCastException: org.apache.hadoop.hive.ql.io.orc.OrcStruct cannot be cast to org.apache.hadoop.io.BinaryComparable 建表語句如下&#xff1a; CREATE EXTERNAL TABLE test_orc( te…

程序型語言VS.編譯型語言

導讀&#xff1a;每日[快訊精選]是由CSDN研發頻道推出的特色欄目&#xff0c;每一天我們將從國外技術媒體(例如Hacker News、Reddit...等等)中挑選出有價值的新聞簡訊&#xff0c;讓您在第一時間掌握業界主流的技術文摘&#xff0c;每天清晨為您獻上第一份技術早餐。 [1]程序型…

ancestral 箭頭符號,譯林版《牛津高中英語》模塊五 高二上學期

《牛津英語》由譯林出版社和牛津大學出版社聯合編寫出版。通過在南京和蘇州開始的試用&#xff0c;取得了非常良好的效果&#xff0c;己在省內全面推廣。有人認為新教材在教育觀念和編排體系上的改革力度是八十年代以來最大的一次。它帶給我們一線教師的沖擊無疑是巨大的。二、…

[NOI2012]騎行川藏

題解&#xff1a; 我發現拉格朗日乘數法真是個好東西。。 我是不會說我數學競賽求最值都是用這個東西的 由于我不太會打那個符號就用li代表通常偏導數中的lanmuda 。。。 這題里化簡一下就可以得到 2 li * ki * ?(vi??vi′?)* vi^2?1 然后一旦li確定 我們會發現這個三次函…

MAC地址和IP地址的關系

簡單地說&#xff1a;ip地址是服務商給你的&#xff0c;mac地址是你的網卡物理地址。 一、IP地址 對于IP地址&#xff0c;相信大家都很熟悉&#xff0c;即指使用TCP/IP協議指定給主機的32位地址。IP地址由用點分隔開的4個8八位組構成&#xff0c;如192.168.0.1就是一個IP地址…

Linux中斷 - tasklet

一、前言 對于中斷處理而言&#xff0c;linux將其分成了兩個部分&#xff0c;一個叫做中斷handler&#xff08;top half&#xff09;&#xff0c;屬于不那么緊急需要處理的事情被推遲執行&#xff0c;我們稱之deferable task&#xff0c;或者叫做bottom half&#xff0c;。具體…

數字電視制播設備間的文件交換格式

在現今的數字電視演播室中&#xff0c;設備之間基本上采用信號流連接方式&#xff0c;如SDI、STDI、模擬YUV、VBS等信號流。在非線性編輯系統和播出系統與服務器之間的連接&#xff0c;還有基于MPEG-2傳輸流等的信號連接方式。基于信號流連接方式的主要特點是&#xff0c;傳送時…