pycharm django templates css js html static文件详解

一、django静态文件配置原理

静态文件配置就是为了让用户请求时django服务器能找到静态文件返回。

首先要理解几个概念：

媒体文件：用户上传的文件

静态文件：css,js，image等

开发环境：使用django内置服务器处理静态文件

生产环境：使用apache2/nginx服务器处理静态文件映射
所以在配置时要分清楚开发环境还是生产环境，这个后面会详细介绍。

最近在学习django框架的使用，想引用静态css文件，怎么都引用不到，从网搜了好多，大多因为版本问题，

和我现在的使用的dango1.1配置不同，根据资料和公司的项目最终解决，于是想整理总结下各版dango静态文件的配置，以备后查；

配置原因：由于django不处理静态文件（css、js、image等），而是交与web服务器处理。

而django的路径处理和其他web框架有些区别，它需要我们手动的配置静态文件的路径，而不能直接引用。

静态文件的配置的分两种：

    第一种为django的开发服务器的配置

    第二种是生产服务器的nginx或apache的web服务配置

第一种，django的开发服务器的静态文件配置，根据django版本的不同，有着比较大的区别。

    dango 1.1静态文件配置：

        1、在项目目录中同settings目录建立static文件夹，其中存放 js 、css 、images文件，可再单独创建文件存放。

我的文件路径：



 在django中，urls.py将URL请求转给view.py中的函数，函数将计算后的结果转给templates中的某个xxx.html文件，最后xxx.html文件发给了客户，在客户的页面显示出来，这里，我总结下我怎么在html文件里放入css，js等静态文件。在这里以bootstrap为例加入其中。

        首先，在项目中创建一个static文件夹，然后再在static文件夹里创建三个css，img，js文件夹。在里面对应放入我们下载的bootstrap的各个文件。放入的文件目前在网页里是找不到的哦~因为我们没有添加路径让系统找到它们，如下例子所示为找不到bootstrap文件：

http://127.0.0.1:8000/static/css/bootstrap.css

404 NOT FOUND

参考：
http://www.jb51.net/article/70328.htm http://blog.csdn.net/wenph2008/article/details/11159287 https://my.oschina.net/u/877170/blog/293613