django-7.django模板继承(block和extends)

 

前言

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

母模板

能够在母模板中添加多个块标签,每一个块标签取不一样的名称,以下格式,context是块标签名称html

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

<!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>

也能够给块标签添加默认值,如:python

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

子页面

extends继承母模板的页面内容,填充 block块标签内容,指定对应的名称就能够了。不是全部的block都须要填充,若是母模板中blcok有默认内容,子模板不填充的话,就显示默认的内容。django

<!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添加访问路径markdown

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/ 就能访问到页面了
app

备注:子模板也能够结合使用上一篇提到的include语法:函数

{% include 'end.html' %}post

相关文章
相关标签/搜索