django-配置静态文件路径
  TEZNKK3IfmPf 2023年11月14日 24 0

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

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

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

如何让django可以识别?

本节详细介绍

准备工作

即然要存静态文件

得有一个目录存放吧

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

django-配置静态文件路径_静态文件
如图示,可创一个static目录(名字随便起)

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

静态文件的配置

在项目同名夹下

找到settings.py

在最底部,看见有

STATIC_URL

这里就是配置静态的位置

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

记住正确的写法

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

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

常量形式来写出

STATICFILES_DIRS = (路径1,路径2)
django-配置静态文件路径_django_02

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

否则报错

说明:

配置中拼词,关系要对应

django-配置静态文件路径_函数返回_03

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

django-配置静态文件路径_静态文件_04
上演一个错误的代码

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

django-配置静态文件路径_django_05

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

路由关系的设置

django-配置静态文件路径_静态文件_06

视图函数

视图函数返回了mengtai.html页面
django-配置静态文件路径_django_07

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

重点在路径怎么写?

先弄明白对应关系

django-配置静态文件路径_函数返回_08

验证

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

实践体验

django-配置静态文件路径_django_10

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

django-配置静态文件路径_函数返回_11

跳过路由与视图

最终显示的效果

django-配置静态文件路径_加载_12

加载jquery同理

django-配置静态文件路径_django_13
加载好后就可以正常的使用jquery文件了

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月29日   62   0   0 djangopython
  TEZNKK3IfmPf   2023年11月15日   23   0   0 django
  TEZNKK3IfmPf   2023年11月15日   26   0   0 django时间
  TEZNKK3IfmPf   2023年11月15日   284   0   0 djangosearch
  TEZNKK3IfmPf   2023年11月15日   37   0   0 djangopython
TEZNKK3IfmPf