django加载css、js等内容

本文介绍了如何在Django项目中配置并加载静态文件,如CSS和JS。首先,在项目根目录创建一个名为'static'的目录,然后将所有静态资源放入此目录。接着,在settings.py文件中进行相应配置,确保Django能够正确找到和处理这些静态文件。
摘要由CSDN通过智能技术生成

参考了以下内容:

官方文档

http://jingyan.baidu.com/article/db55b609a93b114ba30a2ffb.html


1. 新建一个目录static,这个目录与templates和manage.py都在同一个目录下

2. 将css、js等目录都拷到static目录下

3. 再在setting.py中添加如下内容:

STATIC_URL = '/static/'

PROJECT_PATH = os.path.abspath(os.path.dirname(__file__))
STATIC_ROOT = os.path.join(os.path.dirname(PROJECT_PATH), 'static')
STATICFILES_DIRS = (
    ("css", os.path.join(STATIC_ROOT, 'css')),
    ("js", os.path.join(STATIC_ROOT, 'js')),
)
4. 在你的html文件中的对css、js的引用代码改为如下(bootstrap.min.css是我的css文件,改为你的就行):

{% load staticfiles %}
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">

最后在浏览器中运行你的html代码就行了




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值