zoukankan      html  css  js  c++  java
  • django css文件导入,模板继承

    今天写了一下模板继承

    刚开始感觉还行,也挺简单的

    当只有html的时候还是能继承到的,代码如下。首先在父html文件里加入

    {% block content %}
         {% block extracss %}{% endblock %}
    {% endblock %}

    把这一段加在父html下面想要被继承的地方。

    然后子模板里加载

    {% extends "login/nav.html" %}
    
    {% block content %}
    想要添加的内容 {% endblock%}

    就如此而已。

    接下来讲一下css文件,我一开始以为是继承的时候css没对上去,找了一堆资料来做

    但是,都没有解决

    诶,结果偶然发现,django对导入css文件不是很友好,

    首先,在项目下创建一个文件夹,名为static

    然后创建css,(当然导入js,img其他文件都可以在这里创建)

     之后去setting里添加下面代码,

    STATIC_URL = '/static/'      #这句应该本来就在的,我的是在最底下找到的
    
    STATIC_ROOT = os.path.join(BASE_DIR,'static')
    
    STATICFILES_DIRS = [
        ('css',os.path.join(STATIC_ROOT,'css')),
    ]

    那怎么导入css文件呢,路径也对不上,添加如下代码在<head>标签里

    {%load staticfiles%}        <!--需要添加load staticfiles-->
        <link rel="stylesheet" href="{% static 'css/css.css' %}">    <!--引入使用的css文件-->
        {%block css%}
        {%endblock css%}       <!--在子模板添加css文件方式-->

    然后继承的子html里css文件也会自动导入

  • 相关阅读:
    UI自动化实现多浏览器运行
    【转】C#操作XML方法集合
    日拱一卒
    敏捷开发- planning会议中的开会趣事
    敏捷开发- 可行走的骨骼
    敏捷开发- 测试人员何去何从
    Nunit & Specflow
    [转]根本原因分析(Root Cause Analysis)
    Selenium 中抓取dropdown
    网页模板
  • 原文地址:https://www.cnblogs.com/afei123/p/11342983.html
Copyright © 2011-2022 走看看