Django学习笔记3 Django项目静态文件（html,css,js）部署---理解STATIC_URL、STATICFILES_DIR、STATIC_ROOT

最新推荐文章于 2026-06-21 13:11:11 发布

原创

最新推荐文章于 2026-06-21 13:11:11 发布 · 4.2k 阅读

标签

#Django #静态文件 #js

收录于

本文档详细介绍了Django项目中静态文件（html,css,js）的部署方法，包括手动解决开发环境下的静态文件问题，通过配置文件管理静态文件，以及在生产环境中如何高效部署静态文件。通过实例解析了STATIC_URL、STATICFILES_DIRS和STATIC_ROOT的用法。" 113968090,10295151,Python 三维等高线图的非线性色彩映射,"['Python图形库', '数据可视化', 'matplotlib', '三维等高线图', '颜色映射']

概述：

大家在Django项目的开发过程中，一定会为静态文件的部署感受到过困惑，本文章基于Django官方文档中两篇关于静态文件的文章(Managing static files和Deploying static files¶)并结合我自己开发过程的实践经验来讲解。

Django版本：1.11

手动解决开发环境下静态文件部署问题

我们首先创建了一个Django project并在其中创建了一个app

项目目录如下：
这里写图片描述

现在我们编写一个简单的html页面(index.html)并让该页面引用一个我们编写的js文件
index.html

<html>
<title>static test</title>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="static.js"></script>
</head>
<body>
    <h1>static file test