django中静态文件配置static的方法

更新时间：2018年05月20日 08:40:45 作者：katios

我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持,这篇文章主要介绍了django中静态文件配置static的方法,感兴趣的小伙伴们可以参考一下

环境

centos7
django 1.11
nginx

白话

我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持。

django中配置方式貌似有不少总，因为很多相关的博客写的方式并不一致，当然这可能是django 的版本不同导致的。

当我们在一个项目下创建一个app后，我们就需要为该app下创建一个static 文件夹来存放相关静态资源。

但创建了多个app后，就需要在多个app下创建static。

这样引入了一个问题，因为，我们的可能用了同一个js文件。分别存放显然是浪费加载时间。

于是在实际部署的时候，我们会将不同app下的static 文件放到一个“合适”的地方。提高资源加载速度，同时也方便管理。

好了，大概就是这个思路，我们下面介绍如何配置

配置

step one

--app
 --migrations
 --static
  --css
  --js
  --image
 --templates
 --__init__.py
 ...

文件结构如上所示，注意，我这里只展示了某app下的结构，而不是整个项目结构，可能你的没有templates这个文件夹，这不要紧，这个是我创建的。

我们最好在static下分类好不同文件夹 css , js，image.(这是推荐的做法)

多个app时，我们就在不同的app 下创建static。（后面我们在讲更合理的方法，这里需要这样做为了你理清步骤）

step two

在settings.py中的STATIC_URL = '/static/'后面添加

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

这个STATIC_ROOT 就是我们最终部署时候需要使用的，解决资源分散的问题。

BASE_DIR 这个变量在settings.py的开始部分被定义，就是项目根目录的目录名。

os.path.join 方法，在项目根目录下新建一个static文件夹。

我看到很多博客这里配置的很多，很乱，让人摸不着头脑。

这个地方完全可以这样配置，加载我们的静态资源。(信我，我可是被很多不负责任的博客坑惨了)

step three

创建文件夹完，配置文件这两步都完成后，我们需要的就是把他放到网页中显示。

在app下新建一个templates,如果有就不用创建

--app
 --migrations
 --static
 --templates
  --appname
   --index.html
 --__init__.py
 ...

大家注意，我并没有直接在templates下直接创建index.html ,而是创建了一个”appname”(就根据你的app来命名这样不会冲突)。并在appname 下创建的index.html。

因为django去找template的时候是吧app下的templates ，存为一个list。如果我们多个app，就可能导致，想访问app2的index,结果却返回了app1的index.html。

index.html 内容

{% load static %} #这个地方引入static这个文件
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>

</head>
<body>
<img src="{% static "image/logo.png" %}" alt="My image"/> #{% static "image/logo.png" %}表示路径

</body>
</html>

这里的#号注释是方便大家理解，并不是html支持的格式，粘贴的时候需要去掉

并在image文件夹下加入一张名为logo.png的图片，因为图片可以直观的判读我们的设置是否生效。

python manage.py runserver 0.0.0.0:9000

访问你的9000端口，查看时候生效。注意我们到这里还未配置nginx.

如果正确，说明路径没问题。

step four

python manage.py collectstatic

该命令收集项目下的静态文件，统一保存到 STATIC_ROOT 就是我们第二步，刚刚配置的。

--project
 --project
 --static
 --app1
 --app2
 --manage.py
 ...

step five

nginx 中配置

 location ^~ /static/ {
  root /home/project/;
  }

这个地方注意配置到static的上级就可以了。

我之前配置成了root /home/project/static 就会一直提示404

在部署的时候，django也建议将settings.py中的debug=True 改为debug=False。以保证安全性。

重新启动nginx ,看看是否成功了呢？

如果成功了，可以将app下的static删掉再试试，理论上也是可以成功的，因为此时我们已经将项目所有的静态文件全都集中到了根目录下的static中。

总结

配置静态文件还是要先了解他是如何生效的，one by one，搞清逻辑。

那样在配置才不会混乱，否则不同的教程只会让人抓狂。

如果找不到相关博客的话，静下心来阅读官方文档。你可以做到的。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Python基础数据类型tuple元组的概念与用法
元组（tuple）是 Python 中另一个重要的序列结构,和列表类似,元组也是由一系列按特定顺序排序的元素组成,这篇文章主要给大家介绍了关于Python基础数据类型tuple元组的概念与使用方法,需要的朋友可以参考下
2021-07-07
对python文件读写的缓冲行为详解
今天小编就为大家分享一篇对python文件读写的缓冲行为详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-02-02
利用Pycharm连接服务器的全过程记录
平时在远程连接服务器,大多数都是使用 Xshell,其实对于经常写python的小伙伴,我们还有一个使用起来更加方便,就是常用的python集成IED工具Pycharm,这篇文章主要给大家介绍了关于如何利用Pycharm连接服务器的相关资料,需要的朋友可以参考下
2021-07-07
python实现购物车功能
这篇文章主要为大家详细介绍了python实现购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
将Python代码打包为jar软件的简单方法
这篇文章主要介绍了将Python代码打包为jar软件的简单方法,一些情况下会有利于Python和Java项目之间的协作,需要的朋友可以参考下
2015-08-08
python密码学库pynacl功能介绍
PyNaCI能够提供数字签名、密钥加密、公钥加密、哈希和消息身份验证、基于密码的密钥派生和密码散列功能，这篇文章主要介绍了python密码学库pynacl，感兴趣的朋友一起看看吧
2022-05-05
Python 和 JS 有哪些相同之处
Python 是一门运用很广泛的语言，自动化脚本、爬虫，甚至在深度学习领域也都有 Python 的身影。下面通过本文给大家介绍Python 和 JS 有哪些相同之处，需要的朋友参考下吧
2017-11-11
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
这篇文章主要介绍了TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
Python笔记之facade模式
这篇文章主要为大家详细介绍了Python笔记之facade模式，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
Python的numpy库中将矩阵转换为列表等函数的方法
下面小编就为大家分享一篇Python的numpy库中将矩阵转换为列表等函数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-04-04