django-引用静态文件
2024-10-20 13:42:28
1.需要配置settings
# 静态文件目录
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
2.页面加载静态文件
{% load static %} 加载静态文件 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<script src="{% static "js/hello_word.js" %}"></script> 加载static目录下的文件 通过/, 最前面也可以加/js/hello_word.js
<script src="{% static "hello_word.js" %}"></script> 加载static下的js和css
<link rel="stylesheet" href="{% static 'hello_world.css' %}">
</head>
<body>
<div class="box">这是引入js,css案例<div>
<img src="{% static 'images/fruit.jpg' alt='' %}"> 引入static/images/fruit.jpg
</body>
</html>
最新文章
- HDU3177 贪心
- 冲刺阶段 day 8
- LTE Module User Documentation(翻译3)——仿真输出
- HTML5与HTML4的区别
- RTCP
- B*tree dump
- NSDate,NSCalendar,NSTimer,NSTimeZone
- vs2010中的外部依赖项的含义
- CodeForces - 788B Weird journey 欧拉路
- js判断对象是否为空
- feifeicms后台任意文件读取
- 【python】 迭代器、生成器、列表推导式
- Windows MySQL测试数据库employees的导入
- day1-pycharm使用
- Rabbit的机器人-二分答案
- java各版本简单对比
- crontab 在指定时间范围每隔2小时执行一次和指定时间执行实例
- 解决读取Excel表格中某列数据为空的问题 c#
- 指尖下的js ——多触式web前端开发之二:处理简单手势(转)
- JavaScript:Function/Object/prototype/__proto__
热门文章
- 类的成员变量修饰 const 和static
- Hive 建外链表到 Hbase(分内部表、外部表两种方式)
- Learn Rails5.2 Bundler ; Forms
- bzoj3172: [Tjoi2013]单词 ac自动机
- 微信小程序scroll-view横向滚动
- java读取和写入浏览器Cookies
- 『转』Dr.Web Security Space 8 – 免费3个月
- 使用ndk-stack来查找崩溃
- windows server 2012 AD 域和站点部署系列
- PHP 设计模式 原型模式(Prototype)之深/浅拷贝