Django启动网页时无法加载外部css、js、img文件,网页无法全部显示

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-29 15:24   11   0

在django项目起来以后,很多小伙伴迫不及待想看一看或测试页面,如果只是单纯的html则不需要任何设置和更改,但若加入了css或js文件或img图片,则需要进行一定的修改。

第一步:创建static静态文件,并将css、js、img文件归类放入static下以备用。

第二步:配置setting。(关键一步,不配置会导致网页起不来,找不到本地文件,也可以说是重定向)

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [
    ('css',os.path.join(STATIC_ROOT, 'css')),
    ('js',os.path.join(STATIC_ROOT, 'js')),
    ('img',os.path.join(STATIC_ROOT, 'img')),
]

第三步:html文件中加入 {% load staticfiles %}

第四步:调用

有两种调用方法:

①使用static绝对路径

<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">

②使用static相对路径

<link rel="stylesheet" type="text/css" href="../static/css/style.css">

两种结果相同。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP