Django 模板引擎（四）_代码007(未授权)

一个强大的工具，用于在HTML页面中嵌入动态内容。它使用一种被称为Django 模板语言（Django Templa t e Lang ua g e）的简单而强大的语法来处理模板。该模板语言使用”{% %}”进行标记，用于执行各种操作。

Django 定义了一个标准的API，用于加载和渲染模板，而不考虑后端。加载包括为给定的标识符找到模板并对其进行预处理，通常是将其编译成内存中的表示形式。渲染是指将上下文数据插入模板，并返回结果字符串。Django 内置的模板引擎包含模板上下文（亦可称为模板变量）、标签和过滤器。

内置的模板标签可以在Django源码(django template default tag s.py)里找到定义过程，每个内置标签都有功能注释和使用方法

（1）表达式标记

&lt;p&gt;{{ 10 - 8 }}&lt;/p&gt;
&lt;p&gt;{{ name|lower }}&lt;/p&gt;
<p&gt;{{ "Hello, " + name }}</p&gt;

 <ul>
        {# 变量使用 #}
        <li>{{ name }} &amp;nbsp;</li>
        <li>{{ age }} &amp;nbsp;</li>
        <li>{{ hobbys }} &amp;nbsp;</li>
        <li>{{ hobbys.0 }} &amp;nbsp;{{ hobbys.3 }}</li>
        <li>{{ address }} &amp;nbsp;</li>
        <li>{{ address.hz }} &amp;nbsp;{{ address.bj }}</li>
    </ul>

    <h2>过滤器</h2>
    {#  {{ var|过滤器 }}#}
    {#    作用: 在变量显示前修改#}
    <p>age={{ age }}</p>
    <p>age|add= {{ age|add:10 }}</p>
    {# add: +增加 or -减少 #}
    <p>age|add= {{ age|add:-10 }}</p> {# 控制数字的大小#}
    {#upper: 获取首字母的大写#}
    <p>name|first|upper= {{ name|first|upper }}</p>
    {#lower: 获取最后一个字母的小写#}
    <p>name|last|lower= {{ name|last|lower }}</p>
    {#title: 获取#}
    <p>name|title= {{ name|title}}</p>
     {#truncatechars: 获取截断字符串的个数，包含首不包含尾 #}
    <p>name|truncatechars= {{ name|truncatechars:4}}</p>

def modata(request):
    data={
        'name':'liufang',
        'age':68,
 
    }
    #返回数据
    return render(request,template_name='show.html',context=data)

    <a href="{% url 'baidu' %}">Baidu</a>


#重定向 -直接跳转到页面
def baidu(request):
    # return  redirect("https://www.runoob.com/django/django-orm-1.html")
    return  redirect("https://www.baidu.com/")

（1）父模版

#父模板
def father(request):
    return render(request,template_name='father.html')

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    {# css #}
    {% block extcss %}
        <style type="text/css">
            li {
                {#list-style: none;#}
                line-height: 30px;
            }
        </style>
    {% endblock %}
</head>
<body>
<div>
    <h1>父模板页面</h1>
    {# 头部模块 #}
    {% block head %}

    {% endblock %}

    {# 主体模块 #}
    {% block content %}
        <div>
            <button>父模板按钮</button>
        </div>
    {% endblock %}

    {# 尾部模块 #}
    {% block foot %}

    {% endblock %}

    {# js #}
    {% block extjs %}

    {% endblock %}

</div>
</body>
</html>

#子模板
def son(request):
    return render(request,template_name='son.html')

{# 继承父模板 #}
{% extends 'father.html' %}
{# 使用头部模块 #}
{% block head %}
    <div>
        <h1>使用了头部模板</h1>
    </div>
{% endblock %}

{# 主体模块 #}
{# 默认情况下：子模板是会覆盖父模板的内容 #}
{# 如果想使用父模板不会覆盖，则需要使用：block.super #}

{% block content %}
    {{ block.super }}  {#继承父模板#}
    <div>
        <button>子模板按钮</button>
    </div>
{% endblock %}



 {# 尾部模块 #}
    {% block foot %}
         {# 导入其他模块 #}
        {% include "son2.html" %}
    {% endblock %}

<ol>
    <li>MySQl</li>
    <li>Oracle</li>
    <li>DB2</li>
</ol>

 {# if标签-单支分支 #}
    {% if age < 18 %}
        <p>{{ name }} 未成年</p>
    {% endif %}

    {# if..else标签 #}
    {% if age < 18 %}
        <p>{{ name }} 未成年</p>
    {% else %}
        <p>{{ name }} 成年</p>
    {% endif %}

    {# if..elif...else标签-多支分支 #}
    {% if age < 18 %}
        <p>{{ name }} 未成年</p>
    {% elif age < 40  and age > 55 %}
        <p>{{ name }} 成年人</p>
    {% else %}
        <p>{{ name }} 老年人</p>
    {% endif %}

#模板
def modata(request):
    data={
        'name':'liufang',
        'age':68,
        'hobbys':['basketball','game','movie','read book'],
        'address':{'sz':'深圳','bj':'北京','hz':'杭州'},
        'stars':[
            ['刘备','关羽','张飞'],
            ['曹操','许诸','典韦'],
            ['王昭君','貂蝉','西施','杨玉环'],
        ]
    }
    #返回数据
    return render(request,template_name='show.html',context=data)

 {#for标签 #}
    {% for hobby in hobbys %}
        <p>{{ hobby }}</p>
    {% endfor %}

    {#嵌套循环for标签 #}
    <table border="1" width="20%">
        {% for star in stars %}
            <tr>
                {% for st in star %}
                    <td>{{ st }}</td>
                {% endfor %}
            </tr>
        {% endfor %}
    </table>