django框架(四)-----模板标签、模板的继承与引用

最新推荐文章于 2023-05-17 11:59:16 发布

scott_zhb

最新推荐文章于 2023-05-17 11:59:16 发布

阅读量188

点赞数

分类专栏： django框架学习文章标签： django框架

本文链接：https://blog.csdn.net/qq_43593912/article/details/101291406

版权

django框架学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、模板标签

django模板标签作用：标签在渲染的过程中提供任意的逻辑
标签语法：由{% 标签名 %}开头,例如{% tag %}, 以{% endtag %}结束

常用标签
if/elif/else	可以使用and / or / in / not / == / != / >= / <= 来判断
for…in …	跟python中的for…in…使用方法一样
forloop.counter	表示当前迭代的次数，下标从1开始
forloop.counter0	表示当前迭代的次数，下标从0开始
forloop.revcounter	跟forloop.counter一样，下标由大到小
forloop.revcounter0	跟forloop.counter0一样，下标由大到小
forloop.first	返回bool类型，如果是第一次迭代，则返回True，否则返回False
forloop.last	返回bool类型，如果是最后一次迭代，则返回True，否则返回False
forloop.parentloop	如果发生多层for循环嵌套，那么这个变量返回的是上一层的for
for…in… empty…	如果没有数据，则跳转到empty中
load	加载第三方标签，最常用的是{% load static %}
url	返回一个命名了的url的绝对路径
with	用来缓存一个变量
autoescape	通过开启(on)和关闭(off)自动转义，跟过滤器safe作用一致
comment	注释标签，可注释多行，配合endcomment使用

使用案例(在模板中使用)
if / elif / else

# 从视图函数中传过来name
{% if name == 'python' %}
	That's python
{% elif name == 'java' %}
	That's java
{% else %}
	That's {{ name }}
{% endif %}

for…in…

{% for i in li %}
	<p>{{ i }}</p>
{% endfor %}

# 需对app命名，且需对url命名，后面可接参数，用空格隔开
<a href="{% url 'student:index' %}">点击跳转到首页</a>

二、模板的继承与引用

模板的继承
① 作用：模板继承可以让你创建一个基本的“骨架”，它包含站点中的全部元素，并且可以定义能够被子模版覆盖的block,使代码简洁
②案例演示
创建base模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}base{% endblock %}</title>
</head>
<body>
    {% block content %}
    {% endblock %}
</body>
</html>

创建继承模板index.html

{% extends 'student/base.html' %}
{% block title %}
    index page
{% endblock %}
{% block content %}
    <h1>这是首页！！！</h1>
{% endblock %}

通过extends标签来进行继承

模板的引用

案例：
①这是ad.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ad page</title>
</head>
<body>
    <h2>我是被引用的模板</h2>    
</body>
</html>

②这是index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login page</title>
</head>
<body>
    {% include 'student/ad.html' %}
</body>
</html>