Django模板结构优化所需要的三个Tag：include，extends，block
Django模板结构优化所需要的三个Tag：include，extends，block
SingYi
发布于 2022-07-14 15:06:42
发布于 2022-07-14 15:06:42
利用include引入模板文件
一般的网页都有头部（header），底部（footer），然后这些部分通常是不会变的，所以在Django中可以利用include引入模板文件，如我的头部文件是：
header.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello www.lanol.cn</title>
</head>底部文件是:
footer.html
<div class="footer">
<p>这是Lan的小站的底部文件</p>
</div>然后首页文件只需要这样写就可以了：
index.html
{% include 'header.html' %}
<div class="content">
<h1>这是首页文件</h1>
</div>
{% include 'footer.html' %}
image.png
默认include标签包含模版，会自动的使用主模版中的上下文，也即可以自动的使用主模版中的变量。如果想传入一些其他的参数，那么可以使用with语句。示例代码如下：
# header.html
<p>Website：{{ username }}</p>
# main.html
{% include "header.html" with Website='www.lanol.cn' %}利用extends继承模板文件
extends可以直接引用整个文件
比如base.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是base模板</h1>
</body>
<div class="footer">
<p>这是Lan的小站的底部文件</p>
</div>
</html>然后index.html只需要一句就可以了:
{% extends 'base.html' %}
image.png
需要注意的是：extends标签必须放在模版的第一行。 子模板中的代码必须放在block中，否则将不会被渲染。
利用block修改继承的目标文件
如果我们需要修改base.html的内容，我们需要在base.html中加一个block，代码中的content为自己起的名字，可以根据需求改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是base模板</h1>
</body>
<div class="footer">
{% block content %}
{% endblock %}
</div>
</html>然后在index中就可以修改了。
{% extends 'base.html' %}
{% block content %}
<h1>这是block插入</h1>
{% endblock %}
image.png
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读