zoukankan      html  css  js  c++  java
  • python测试开发django-7.django模板继承(block和extends)

    前言

    打开一个网站时候,点导航栏切换到不同的页面,发现导航部分是不变的,只是页面的主体内容变了,于是就可以写个母模板,其它的子页面继承母模板就可以了。

    母模板

    可以在母模板中添加多个块标签,每个块标签取不同的名称,如下格式,content是块标签名称

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

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>母模板</title>
    </head>
    <body>
    <section>
        <h1>顶部导航</h1>
        <p>python自动化-上海-悠悠</p>
        <hr>
    </section>
    
    <!--这是一段注释。block是一个块标签, content是标签名称-->
    {% block content %} {% endblock content %}
    
    <p>---------自动化教程---------</p>
    
    
    <!--这是一段注释。block是一个块标签, ad是标签名称-->
    {% block ad %} {% endblock ad %}
    
    
    <section>
        <br><br><br><br><hr>
        <h1>底部导航</h1>
        <p>底部一些友情链接啊,网站导航,版权啊</p>
    </section>
    </body>
    </html>

    也可以给块标签添加默认值,如:

    <!--这是一段注释。block是一个块标签, 可以给默认值-->
    {% block defaut %}
    <p>如果子页面中,没填充此block内容,这里的就是默认内容</p>
    {% endblock defaut %}

    子页面

    extends继承母模板的页面内容,填充 block块标签内容,指定对应的名称就可以了。不是所有的block都需要填充,如果母模板中blcok有默认内容,子模板不填充的话,就显示默认的内容。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>子页面</title>
    </head>
    <body>
    
    <!--这是一段注释。extends继承basepage.html页面-->
    {% extends "basepage.html" %}
    
    {% block content %}
        <p>这里是content块的填充内容</p>
    {% endblock content %}
    
    {% block ad %}
    <ul>自动化内容</ul>
        {% for i in ads %}
        <li>{{i}}</li>
         {% endfor %}
    {% endblock ad %}
    
    </body>
    </html>

    views与urls

    上面子模板里面有给for循环,参数是ads,在views视图函数里面添加context 参数
    hello/views.py视图函数

    from django.shortcuts import render
    from django.http import HttpResponse, Http404
    
    # Create your views here.
    
    def sonpage(request):
        context = {"ads": ["selenium", "appium", "requests"]
                   }
        return render(request, 'sonpage.html', context)
    

    urls.py添加访问路径

    from django.conf.urls import url
    from django.urls import re_path, path
    from hello import views
    urlpatterns = [
        path("sonpage/", views.sonpage),
    ]

    打开浏览器输入地址:http://127.0.0.1:8000/sonpage/ 就能访问到页面了

    备注:子模板也可以结合使用上一篇提到的include语法:

    {% include 'end.html' %}

  • 相关阅读:
    Ubuntu下errno值
    Git 经常使用命令总结
    【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记38 Unwind Segue反向过渡
    高斯噪声
    小记5.8面试
    基数排序之多keyword排序运用队列
    广告贴
    输入字符串反序输出
    Codeforces Round #313 A. Currency System in Geraldion
    matlab中怎样加入凝视
  • 原文地址:https://www.cnblogs.com/mashuqi/p/10974663.html
Copyright © 2011-2022 走看看