[py][mx]django静态文件目录配置

使用TemplateView直接返回html


from django.views.generic import TemplateView

urlpatterns = [
    path('',TemplateView.as_view(template_name='index.html'),name="index"),
    path('login/',TemplateView.as_view(template_name='login.html'),name="login"),
]

配置static路径

  • 建static和template(自建)目录,并写相关html和css文件
  • settings.py追加静态路径
  • 前端访问观察静态文件是否能得到

1312420-20180131100546796-1679645886.png

1312420-20180224122606844-891522299.png

setttings.py

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

配置这个的作用是好处是, 最终css代码渲染/static/css/base.css, 而url无需配置这个即可让template找到.

前端调用css和js的2种方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="/static/css/base.css">
</head>
<body>
</body>
</html>

或者(好处是 static(STATIC_URL = '/static/')是活的, 这个os.path.join(BASE_DIR, "static"),的改变不影响模板staitc, 默认static调用的是os.path.join(BASE_DIR, "static"),)

修改STATIC_URL = '/static/'为STATIC_URL = '/statics/'
1312420-20180605221749375-1864191084.png
默认里这样写
1312420-20180605222044426-55864421.png

不管STATIC_URL = '/statics/'怎么变, 模板都会自动被解析.
1312420-20180605222011631-697134899.png

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
</head>
<body>
</body>
</html>

css最终渲染路径(已上两种方法都一样)
1312420-20180224122736199-1301436634.png

1312420-20180131100110781-1048929272.png

转载于:https://www.cnblogs.com/iiiiiher/p/8390764.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值