基本的网页增删改查完成了

为了更好看,需要插入图片,导入样式文件和JS文件

但,这些静态的资源,放在哪里?

如何让django可以识别?

本节详细介绍

准备工作

即然要存静态文件

得有一个目录存放吧

  • 在项目目录下创建一个目录,用于存放静态资料


如图示,可创一个static目录(名字随便起)

接下来,配置一下,让django可以识别到这个目录

静态文件的配置

在项目同名夹下

找到settings.py

在最底部,看见有

STATIC_URL

这里就是配置静态的位置

我们可以接着在这里写代码

记住正确的写法

.
115-117行是我们需要新增的

static,静态的
files,文件,名词复数形式。 file,文件,名词单数形式
dirs,目录,名词复数形式。 dir,目录

常量形式来写出

STATICFILES_DIRS = (路径1,路径2)

作为元组容器,只有一个成员的时候,不可以漏掉逗号

否则报错

说明:

配置中拼词,关系要对应

对比,演示一个错误的写法


上演一个错误的代码

这样子写会在后面引起一个错误

应用一下

  1. 配置路由关系,搞个路径来看带图的网页
  2. 视图函数返回一个带图的html文件
  3. 看到图

路由关系的设置

视图函数

视图函数返回了mengtai.html页面

关键点,在前端页面中如何正确的使用静态目录下的内容

重点在路径怎么写?

先弄明白对应关系

验证

STATIC_URL 的功能
STATIC_URL 它绑定了静态目录的路径

实践体验


最终页面上显示的图片路径


跳过路由与视图

最终显示的效果

加载jquery同理


加载好后就可以正常的使用jquery文件了

django-配置静态文件路径相关推荐

  1. Django中配置静态文件路径

    选择了最近一直在看的Django作为我的Android Demo的server端,今天想要实现一个Android下上传文件到服务器的功能,于是想了想,暂时可以先放到静态文件目录下,然后就把自己配置静态 ...

  2. Django的静态文件路径设置对比

    实验结构为: ├── mysite │ ├── manage.py │ ├── mysite │ │ ├── asgi.py │ │ ├── __init__.py │ │ ├── __pycache ...

  3. Django的静态文件的配置

    静态文件配置 STATIC_URL = '/static/' # 静态文件配置 STATICFILES_DIRS = [os.path.join(BASE_DIR,'static') ] # 暴露给外 ...

  4. Django之静态文件

    在介绍分布式路由之前,先介绍下静态文件,比如图片,音视频文件,这些都属于静态文件.以百度首页为例: 大部分都是静态文件,以图片为例,浏览器加载img标签,解读里面的src属性,对src里面的地址发ht ...

  5. django处理静态文件

    静态文件指的是js css 还有图片这些,配置方法如下 1. 在设置文件(settings.py)中,installed_apps中添加 django.contrib.staticfiles 然后设置 ...

  6. Django(静态文件和Django应用和分布式路由)

    什么是静态文件 如:图片.css.js.音频.视频 静态文件配置 --settings.py中 1.配置静态文件的访问路径[该配置默认存在] STATIC_URL = '/static' 指定访问静态 ...

  7. django之静态文件及数据库

    <Django Web框架> 文章目录 <Django Web框架> 静态文件 Django中的应用 - app 创建应用app 应用的分布式路由 include 函数 数据库 ...

  8. Django(part18)--静态文件

    学习笔记,仅供参考,有错必纠 静态文件 什么是静态文件 不能与服务器端做动态交互的文件都是静态文件,比如:图片,js文件,音频,视频,部分html文件 静态文件的配置 对于静态文件的配置,我们需要在s ...

  9. Flask学习之旅——2.8 配置静态文件

    Flask学习之旅--2.8 配置静态文件 前言 本文为<知了传课-- 配置静态文件>的学习笔记. 原文地址:第十一节: 配置静态文件 - Python框架Flask基础教程 - 知了传课 ...

  10. Nginx如何配置静态文件过期时间

    Nginx如何配置静态文件过期时间 与Apache使用expires_module (shared)模块配置静态缓存不同,Nginx使用修改对应虚拟主机配置文件即可. 一.编辑虚拟主机配置文件 [ro ...

最新文章

  1. php运行显示中文乱码,如何解决PHP界面显示中文乱码的问题
  2. git没有changId解决方法
  3. python自学步骤-小白刚入门Python,学完基础后,接下来的学习步骤!
  4. VLAD教程和资料 All about VLAD
  5. Hibernate中保存与持久性以及saveOrUpdate之间的区别
  6. 安卓APP破解利器之FRIDA
  7. 使用Seaborn和Pandas进行数据可视化
  8. jquery在IE8上使用find的问题
  9. Kafka配置6--Windows下设置和增加SASL用户或用户权限
  10. 信道编码-RS-CRC-交织(一)
  11. Django面试题——CSRF和CORS的区别
  12. 怎么阻止html渲染页面,防止浏览器假死的一个HTML5方案
  13. 重装系统笔记本电脑黑屏怎么办
  14. 记一个git checkout问题error: invalid path
  15. java 替换emoji表情,java 替换掉emoji表情
  16. 游戏制作之路(25)Camera(摄像机)的清除标志Solid color
  17. Pytorch 结合Sobel滤波的卷积操作来提取图像的轮廓图!
  18. 数字转换为十六进制数
  19. 如何在一个jsp页面中弹出另一个jsp页面
  20. 像素鸟 app 的设计与实现

热门文章

  1. element-ui 左侧边栏el-menu组件: 路由跳转 - 案例篇
  2. VueJS项目报错解决:router.map is not a function - 方法大全
  3. Vue.js项目去除url中的#/ - 解决篇
  4. EMLOG SSL插件 一键开启/关闭ssl无需操作数据库
  5. linux免费计费系统下载,思谷电话计费系统 Linux版
  6. matlab平差程序设计,基于MATLAB的水准网平差程序设计与实现
  7. 百度SEO EBCMS(易贝管理系统) v1.2.0
  8. android word设计模式,word07设计模式
  9. java生成随机十位数_随机10位字符串生成
  10. 自己动手架设linux下Web服务器(图)1