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.mzph.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;传送时…