pycharm django templates css js html static文件详解

本文详细介绍了Django框架中静态文件(css、js、image等)的配置方法,包括开发环境和生产环境中静态文件的处理方式,并提供了具体步骤。

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


一、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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值