django框架——静态文件配置

最新推荐文章于 2025-05-30 09:03:03 发布

原创最新推荐文章于 2025-05-30 09:03:03 发布 · 931 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#django静态文件配置

django 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍如何在Django项目中配置和使用静态文件，包括创建static文件夹存放静态资源，如jQuery、CSS和JS文件；在settings.py中正确设置STATIC_URL和STATICFILES_DIRS；以及在HTML模板中引用这些静态文件的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤

1、在项目下写个static文件夹，放静态文件，（比如jquery文件,css文件，js文件）
在这里插入图片描述
2、在settings.py文件里配置静态文件的路径

STATIC_URL = '/static/'
# django默认配置了static路径，url文件里urlpatterns没有这个路径
# 在浏览器输入路径static，下面配置文件路径之后，会根据路径找到配置的文件夹

# statics配置的静态文件夹
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,"static")
]

3、在相关html文件里引入静态文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>timer</title>
    <link rel="stylesheet" href="/static/app01/timer.css">
{#注意href和src的路径写法#}
</head>
<body>

<h1>当前时间：{{ ct }}</h1>
{#双括号格式的变量#}
</body>
<script src="/static/jquery-3.3.1.js"></script>
{#src是浏览器端发送请求的路径#}
<script src="/static/app01/timer.js"></script>
</html>