Django 访问静态文件的APP staticfiles

Django 框架默认带的 APP:

python 复制代码
    'django.contrib.staticfiles'

Django文档中也写明了:
如何管理静态文件(如图片、JavaScript、CSS) |姜戈 文档 |姜戈 (djangoproject.com)https://docs.djangoproject.com/zh-hans/4.2/howto/static-files/

Django 在处理静态文件时,会使用一个名为 STATICFILES_FINDERS 的设置(一个包含多个静态文件查找器类的列表)。Django 会使用这些查找器来查找静态文件。

默认情况下,Django 会使用以下查找器:

python 复制代码
django.contrib.staticfiles.finders.FileSystemFinder

这个查找器会在 STATICFILES_DIRS 设置中列出的目录中查找静态文件。
2.

python 复制代码
django.contrib.staticfiles.finders.AppDirectoriesFinder

这个查找器会在每个已安装的应用程序 APP 中查找 static 目录中查找静态文件。

当 Django 需要查找静态文件时,会按照 STATICFILES_FINDERS 列表中的顺序,使用每个查找器来查找静态文件。如果找到了文件,就会停止查找,否则会继续使用下一个查找器。

如果想自定义静态文件查找的方式,可以创建查找器类并将其添加到 STATICFILES_FINDERS 设置中。

另外 Django Templates 和普通的静态文件区别:

  1. 用途不同:Django Templates 主要用于动态生成 HTML 页面,它可以根据数据库中的数据和用户请求中的参数来生成不同的页面内容。而静态文件则是指那些不需要动态生成的文件,例如 CSS、JavaScript、图片等。
  2. 文件格式不同:Django Templates 是一种特殊的文件格式,其中包含了一些特殊的语法和标签,可以用来在页面中插入动态内容。而静态文件则是一些普通的文件,例如 CSS 文件、JavaScript 文件、图片文件等。
  3. 处理方式不同:Django Templates 需要使用 Django 的模板引擎来处理,将模板中的变量和标签替换为实际的内容,生成最终的 HTML 页面。而静态文件则可以直接被浏览器解析和处理。

Django Templates 的作用主要是为了实现动态页面的生成,它可以根据数据库中的数据和用户请求中的参数来生成不同的页面内容。这对于需要根据用户身份、权限等因素来显示不同内容的 Web 应用程序非常有用。同时,Django Templates 还可以用来实现页面布局和组件化,将页面中的公共部分(例如头部、尾部等)抽象出来,以便于代码的重用和维护。

django是如何让浏览器也可以访问服务器上的静态文件呢:

Django --static 静态文件的配置(static_url/STATIC_ROOT/STATICFILES_DIRS) - Be-myself - 博客园 (cnblogs.com)https://www.cnblogs.com/gengyufei/p/12632408.html

配置问题排查

print 出 STATICFILES_DIRS 与 Template 内容,核对是否正确;

确认 index.html 是否可正常访问;

确认 static 下资源是否可直接通过 URL 形式访问。

正常情况下,静态文件引用的前端index.html中的引用资源除了开头"//",是不会后续有额外的横杆出现,如果有请仔细检查配置。

相关推荐
东方小月5 小时前
从零开发一个 Coding Agent(四):使用状态机校验大模型事件流
前端·人工智能·后端
都叫我大帅哥6 小时前
“让AI修就行”?我劝你收回这句话——来自一位Java博主的硬核反常识
后端
whyfail6 小时前
前端学 Spring Boot(8):接口为什么越用越慢?
前端·spring boot·后端
_Jimmy_6 小时前
Agent 溯源精度提升方案
人工智能·python·langchain
Muscleheng7 小时前
Spring Boot 3.x 集成 DeepSeek 实现 Function Calling(工具调用)
人工智能·spring boot·后端·ai·spring ai·deepseek
@航空母舰7 小时前
SpringBoot通过Map实现天然的策略模式
java·spring boot·后端
SamChan908 小时前
在Web应用中集成PDF多语言翻译功能:PDFTranslator API实战指南
前端·python·ai·pdf·yapi·机器翻译
天天进步20158 小时前
Python全栈项目--智能办公自动化系统
开发语言·python
IT_陈寒8 小时前
JavaScript的this又双叒叕让我怀疑人生了
前端·人工智能·后端