django-配置静态文件路径
基本的网页增删改查完成了
为了更好看,需要插入图片,导入样式文件和JS文件
但,这些静态的资源,放在哪里?
如何让django可以识别?
本节详细介绍
准备工作
即然要存静态文件
得有一个目录存放吧
- 在项目目录下创建一个目录,用于存放静态资料
如图示,可创一个static目录(名字随便起)
接下来,配置一下,让django可以识别到这个目录
静态文件的配置
在项目同名夹下
找到settings.py
在最底部,看见有
STATIC_URL
这里就是配置静态的位置
我们可以接着在这里写代码
记住正确的写法
.
115-117行是我们需要新增的
static,静态的
files,文件,名词复数形式。 file,文件,名词单数形式
dirs,目录,名词复数形式。 dir,目录
常量形式来写出
STATICFILES_DIRS = (路径1,路径2)
作为元组容器,只有一个成员的时候,不可以漏掉逗号
否则报错
说明:
配置中拼词,关系要对应
对比,演示一个错误的写法
上演一个错误的代码
这样子写会在后面引起一个错误
应用一下
- 配置路由关系,搞个路径来看带图的网页
- 视图函数返回一个带图的html文件
- 看到图
路由关系的设置
视图函数
视图函数返回了mengtai.html页面
关键点,在前端页面中如何正确的使用静态目录下的内容
重点在路径怎么写?
先弄明白对应关系
验证
STATIC_URL 的功能
STATIC_URL 它绑定了静态目录的路径
实践体验
最终页面上显示的图片路径
…
跳过路由与视图
最终显示的效果
加载jquery同理
加载好后就可以正常的使用jquery文件了
django-配置静态文件路径相关推荐
- Django中配置静态文件路径
选择了最近一直在看的Django作为我的Android Demo的server端,今天想要实现一个Android下上传文件到服务器的功能,于是想了想,暂时可以先放到静态文件目录下,然后就把自己配置静态 ...
- Django的静态文件路径设置对比
实验结构为: ├── mysite │ ├── manage.py │ ├── mysite │ │ ├── asgi.py │ │ ├── __init__.py │ │ ├── __pycache ...
- Django的静态文件的配置
静态文件配置 STATIC_URL = '/static/' # 静态文件配置 STATICFILES_DIRS = [os.path.join(BASE_DIR,'static') ] # 暴露给外 ...
- Django之静态文件
在介绍分布式路由之前,先介绍下静态文件,比如图片,音视频文件,这些都属于静态文件.以百度首页为例: 大部分都是静态文件,以图片为例,浏览器加载img标签,解读里面的src属性,对src里面的地址发ht ...
- django处理静态文件
静态文件指的是js css 还有图片这些,配置方法如下 1. 在设置文件(settings.py)中,installed_apps中添加 django.contrib.staticfiles 然后设置 ...
- Django(静态文件和Django应用和分布式路由)
什么是静态文件 如:图片.css.js.音频.视频 静态文件配置 --settings.py中 1.配置静态文件的访问路径[该配置默认存在] STATIC_URL = '/static' 指定访问静态 ...
- django之静态文件及数据库
<Django Web框架> 文章目录 <Django Web框架> 静态文件 Django中的应用 - app 创建应用app 应用的分布式路由 include 函数 数据库 ...
- Django(part18)--静态文件
学习笔记,仅供参考,有错必纠 静态文件 什么是静态文件 不能与服务器端做动态交互的文件都是静态文件,比如:图片,js文件,音频,视频,部分html文件 静态文件的配置 对于静态文件的配置,我们需要在s ...
- Flask学习之旅——2.8 配置静态文件
Flask学习之旅--2.8 配置静态文件 前言 本文为<知了传课-- 配置静态文件>的学习笔记. 原文地址:第十一节: 配置静态文件 - Python框架Flask基础教程 - 知了传课 ...
- Nginx如何配置静态文件过期时间
Nginx如何配置静态文件过期时间 与Apache使用expires_module (shared)模块配置静态缓存不同,Nginx使用修改对应虚拟主机配置文件即可. 一.编辑虚拟主机配置文件 [ro ...
最新文章
- php运行显示中文乱码,如何解决PHP界面显示中文乱码的问题
- git没有changId解决方法
- python自学步骤-小白刚入门Python,学完基础后,接下来的学习步骤!
- VLAD教程和资料 All about VLAD
- Hibernate中保存与持久性以及saveOrUpdate之间的区别
- 安卓APP破解利器之FRIDA
- 使用Seaborn和Pandas进行数据可视化
- jquery在IE8上使用find的问题
- Kafka配置6--Windows下设置和增加SASL用户或用户权限
- 信道编码-RS-CRC-交织(一)
- Django面试题——CSRF和CORS的区别
- 怎么阻止html渲染页面,防止浏览器假死的一个HTML5方案
- 重装系统笔记本电脑黑屏怎么办
- 记一个git checkout问题error: invalid path
- java 替换emoji表情,java 替换掉emoji表情
- 游戏制作之路(25)Camera(摄像机)的清除标志Solid color
- Pytorch 结合Sobel滤波的卷积操作来提取图像的轮廓图!
- 数字转换为十六进制数
- 如何在一个jsp页面中弹出另一个jsp页面
- 像素鸟 app 的设计与实现
热门文章
- element-ui 左侧边栏el-menu组件: 路由跳转 - 案例篇
- VueJS项目报错解决:router.map is not a function - 方法大全
- Vue.js项目去除url中的#/ - 解决篇
- EMLOG SSL插件 一键开启/关闭ssl无需操作数据库
- linux免费计费系统下载,思谷电话计费系统 Linux版
- matlab平差程序设计,基于MATLAB的水准网平差程序设计与实现
- 百度SEO EBCMS(易贝管理系统) v1.2.0
- android word设计模式,word07设计模式
- java生成随机十位数_随机10位字符串生成
- 自己动手架设linux下Web服务器(图)1