4.Django模板语言和分页

继承 extends

子版只能继承一个父模板

1.父模板 master.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
    <link rel="stylesheet" href="/static/common.css">
    <style>
        .pg-header{
            height: 50px;
            background-color: red;
            color:blue
        }
        {% block css %} {% endblock %}
    </style>
</head>
<body>
    <div class="pg-header">小男孩管理</div>

    {% block content %} {% endblock %}

    <div class="pg-footer"></div>

    <script src="/static/jquery-1.12.4.js"></script>

    {% block js %} {% endblock %}
</body>
</html>

2.子版继承方法

{% extends 'master.html' %}     #引用母版

{% block title %}用户管理{% endblock %}

{% block content %}
    <h1>用户管理</h1>
    <ul>
        {% for i in u %}
        <li>{{ i }}</li>
        {% endfor %}
    </ul>
{% endblock %}

{% block css %}
    <style>
        body{
            background-color: black;
        }
    </style>
{% endblock %}

{% block js %}
    <script>

    </script>
{% endblock %}

导入定制的组件 include

创建tag.html

在index.html中导入tag.html，可以导入很多个

{% include 'tag.html' %}

tag.html

form>
    <input type="text" name="user"/>
    <input type="submit" value="提交"/>
</form>

index.html

{# 指定继承的模板 #}
{% extends 'master.html' %}
 
{# 指定替换的位置 #}
{% block title %}
    tp1
{% endblock %}
 
{# 指定替换的位置 #}
{% block content %}
    <p>tp1</p>
 
    {# 导入单独组件 #}
    {% include 'tag.html' %}
{% endblock %}

simple_tag and filter

1.django默认自带方法

{{ item.event_start|date:"Y-m-d H:i:s"}}    #日期格式进行转换
{{ bio|truncatewords:"30" }}                  #取字符串前30位
{{ my_list|first|upper }}                     #第一个字符大写             
{{ name|lower }}                                #所有字符小写

2.simple_tag

第一步： 在app01下面创建templatetags（必须是这个名字）文件夹

第二步：在templatetags下面创建test1.py文件

第三步：模板中   首先在开头要先导入  {%  load test1 %} 

第四步： 模板中使用方法   {%  函数名 参数1  参数2  %}

test1.py

from django import template
from django.utils.safestring import mark_safe
# 必须是register对象
register = template.Library()

@register.simple_tag
def func(a1,a2):
    return a1 + a2

index.py

{% load test1 %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ name }}
    {{ name|lower }}

    {% func 2 5 %}
</body>
</html>

3.filter

test1.py

from django import template
from django.utils.safestring import mark_safe
# 必须是register对象
register = template.Library()

@register.simple_tag
def func(a1,a2):
    return a1 + a2

@register.filter()
def func1(b1,b2):
    return b1 + b2

index.py

{% load test1 %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{ name }}
    {{ name|lower }}

{#    simpletag#}
    {% func 2 5 %}

{#    filter#}
    {{ 'zhang'|func1:'derek' }}


</body>
</html>

总结：

simple:

优点：参数任意

缺点：不能作为if条件

filter

优点：最多两个参数

缺点：可以作为if条件

分页

1.简单分页

涉及xss攻击，需要用到mark_safe方法，使用此方法字符串传输到后端后，已html形式显示，而非字符串

HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pagination .page{
            display: inline-block;
            padding: 5px;
            background-color: cyan;
            margin: 5px;
        }
        .pagination .page.active{
            background-color: brown;
            color: white;
        }
    </style>
</head>
<body>
    <ul>
        {% for item in li %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
    <div class="pagination">
        {{ page_str }}
    </div>
</body>
</html>

user_list.html