django的模版

1模版语法

views.py 书写方式

def index(request):

    '''

    模版语法分：

    变量： {{ }}

        1. 深度查询   句点符

        2. 过滤器     {{val|filter_name:参数}}

    标签： {%  %}

    '''

    name = "augustyang"

    test_list = [11,22,33,44]

    class people:

        def __init__(self,name,age):

            self.name = name

            self.age = age

    p1 = people("yy",18)

    p2 = people("ss",28)

    people_list = [p1,p2]

    # return render(request, "index.html",{"name":name})

    return render(request, "index.html",locals())

'''

用到的知识有：

    引用方式：

        {"name":name} 指定引用

        locals()    相当于全部引用  

            render(request, "index.html",{"name":name,"p1":p1})

    index.html 文件 调用方式

        1. 深度查询   句点符

        <p> {{ name }}</p>

        <p> {{ p1 }}</p>

        <p> {{ p1.name }}</p>

        <p> {{ test_list.1 }}</p>

        <p> {{ people_list.1.name }}</p>

'''

index.html 书写方式

        <p> {{ name }}</p>

        <p> {{ p1 }}</p>

        <p> {{ p1.name }}</p>

        <p> {{ test_list.1 }}</p>

        <p> {{ people_list.1.name }}</p>

2过滤器

views.py 书写方式

def index(request):

　　

    ysl = 22# 过滤器

    import datetime

    now = datetime.datetime.now()

    file_size = 12343242123123

    content = "南京出台人才购房新政，全市所有在售房源向海内外人才全开放，并为人才购房开辟优先通道，该政策将于2020年1月1日起施行。据中新经纬客户端不完全统计"

    link = "<a href=''>click</a>"

    return render(request, "index.html",locals())

index.html 书写方式

    <!-- 过滤器 -->

    <h2>过滤器</h2>

    <!-- date  -->

    <p>{{ now|date:"Y-m-d " }}</p>　

    <!-- length 返回列表和字符串长度-->

    <p>{{ test_list|length }}</p>　

    <!-- filesizeformat  11.2 TB-->

    <p>{{ file_size|filesizeformat }}</p>

    <!-- default  为空使用默认值  否则使用变量值-->

    <p>{{ ysl|default:"没有这个值" }}</p>

    <!-- default  为空使用默认值  否则使用变量值-->

    <p>{{ link|safe }}</p>

    <!-- 要截断的字符数 -->

    <p>{{ content|truncatechars:10 }}</p>

3标签

标签有for循环 if 循环 with as 重命名

①for标签

{% for foo in test_list %}

    <p>{{ foo }}</p>

{% endfor  test_list%}

{% for foo in people_list %}

    <p>{{ foo.name }}</p>

{% endfor   people_list %}

<!-- 字典遍历-->

{% for key,val in dic.items %}

    <p>{{ key }}:{{ val }}</p>

{% endfor %}

{% for key in dic %}

    <p>{{ key }}</p>

{% endfor %}

{% for people in people_list %}

    <p>{{ people }}</p>

{% endfor %}

②if 标签

{% if user %}

    <p>

        <a href="">hi {{ user }}</a>

        <a href="">注销</a>

    </p>

{% else %}

    <p>

        <a href=" ">登录</a>

        <a href=" ">注册</a>

    </p>

{% endif %}

③with标签

{% with people_list.1.name as n  %}

<p>{{ n }}</p>

<p>{{ n }}</p>

{% endwith %}

④ csrf_token

在form表单点击提交按钮后，会出现Forbidden:CSRF verification failed. Request aborted，解决方法两种

方法一：在settings.py中注释掉 'django.middleware.csrf.CsrfViewMiddleware',

方法二：在form表单中添加这个模板语言

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form method="post" action="">

       name: <input type="text" name="user" >

            <input type="submit" name="">

         {% csrf_token %}

    </form>

</body>

</html>

4自定义标签和过滤器

前提

1 在APP中新建一个包 templatetags 必须是这个名字

2 新建一个py文件 my_tag_filter.py

3.在my_tag_filter.py 文件中

from django import template

register=template.Library()

@register.filter

def multi_fliter(x,y):

    return x*y

@register.simple_tag

def multi_tag(x,y):

    return x*y

2. 使用

<h2>自定义标签和过滤器</h2>

{% load my_tag_filter %}

<p>{{ ysl|multi_fliter:20 }}</p>

<p>{% multi_tag 7 8 %}</p>

{% if ysl|multi_fliter:22 > 100 %}

    <p>100</p>

{% else %}

    <p>{{ ysl }}</p>

{% endif %}

{#{% if  multi_tag ysl 20 >100 %}#}

{#<p>100</p>#}

{#{% else %}#}

{#<p>{{ ysl }}</p>#}

{#{% endif %}#}

<!-- filter可以用在if等语句，simple_tag不可以   -->

需要先引用

{% load my_tag_filter %}

filter可以用在if等语句，simple_tag不可以

5模版继承

1引用bootstrap,jquery

①在工程下新建一个包一般叫static

②配置路径

# static 是静态文件的别名

STATIC_URL = '/static/'

# 配置 静态文件

STATICFILES_DIRS=[

    os.path.join(BASE_DIR,"static"),

]

③重启 django 加载配置

<link rel="stylesheet" type="text/css" href="/static/bootstrap-3.3.7/css/bootstrap.css">

<script type="text/javascript" src="/static/jquery-3.4.1.js"></script>

2. 模版继承样例

advertise.html

<div class="panel panel-danger">

    <div class="panel-heading">Panel heading without title</div>

    <div class="panel-body">

        11111

    </div>

</div>

<div class="panel panel-success">

    <div class="panel-heading">Panel heading without title</div>

    <div class="panel-body">

        3333

    </div>

</div>

<div class="panel panel-info">

    <div class="panel-heading">Panel heading without title</div>

    <div class="panel-body">

        555555

    </div>

</div>

base.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <!-- 标题模版-->

    {% block title %}

        <title>base</title>

    {% endblock %}

    <link rel="stylesheet" type="text/css" href="/static/bootstrap-3.3.7/css/bootstrap.css">

    <style>

        .header {

            width: 100%;

            height: 50px;

            background-color: #369;

        }

    </style>

    <script type="text/javascript" src="/static/jquery-3.4.1.js"></script>

</head>

<body>

<div class="header"></div>

<div class="container">

    <div class="row" style="margin-top: 50px;">

        <div class="col-lg-4  col-mg-4">

            <!-- 继承 另一个模版    -->

            {% include 'advertise.html' %}

        </div>

        <div class="col-lg-8  col-mg-8">

            <!-- 内容模版 自己改写 -->

            {% block con %}

                <h4>content</h4>

            {% endblock %}

        </div>

    </div>

</div>

</body>

</html>

auth.html

{% extends 'base.html' %}

{% block title %}

<title>auth</title>

{% endblock %}

{% block con %}

{#{{ block.super }}#}

<h4>login</h4>

<h4>login</h4>

{% endblock con%}

index.html

{% extends "base.html" %}

{% block title %}

<title>index</title>

{% endblock %}

{% block con %}

{#    <p> {{ name }}</p>#}

{#    <p> {{ p1 }}</p>#}

{#    <p> {{ p1.name }}</p>#}

{#    <p> {{ test_list.1 }}</p>#}

{#    <p> {{ people_list.1.name }}</p>#}

    <!-- 过滤器 -->

    <h2>过滤器</h2>

    <!-- date  -->

    <p>{{ now|date:"Y-m-d " }}</p>　

    <!-- length 返回列表和字符串长度-->

    <p>{{ test_list|length }}</p>　

    <!-- filesizeformat  11.2 TB-->

    <p>{{ file_size|filesizeformat }}</p>

    <!-- default  为空使用默认值  否则使用变量值-->

    <p>{{ ysl|default:"没有这个值" }}</p>

    <!-- default  为空使用默认值  否则使用变量值-->

    <p>{{ link|safe }}</p>

    <!-- 要截断的字符数 -->

    <p>{{ content|truncatechars:10 }}</p>

<!-- 标签 -->

<h2>标签</h2>

{% for foo in test_list %}

    <p>{{ foo }}</p>

{% endfor  test_list%}

{% for foo in people_list %}

    <p>{{ foo.name }}</p>

{% endfor   people_list %}

<!-- 字典遍历-->

{% for key,val in dic.items %}

    <p>{{ key }}:{{ val }}</p>

{% endfor %}

{% for key in dic %}

    <p>{{ key }}</p>

{% endfor %}

{% for people in people_list %}

    <p>{{ people }}</p>

{% endfor %}

<hr>

{% if user %}

    <p>

        <a href="">hi {{ user }}</a>

        <a href="">注销</a>

    </p>

{% else %}

    <p>

        <a href=" ">登录</a>

        <a href=" ">注册</a>

    </p>

{% endif %}

{% with people_list.1.name as n  %}

<p>{{ n }}</p>

<p>{{ n }}</p>

{% endwith %}

<hr>

<h2>自定义标签和过滤器</h2>

{% load my_tag_filter %}

<p>{{ ysl|multi_fliter:20 }}</p>

<p>{% multi_tag 7 8 %}</p>

{% if ysl|multi_fliter:22 > 100 %}

    <p>100</p>

{% else %}

    <p>{{ ysl }}</p>

{% endif %}

{#{% if  multi_tag ysl 20 >100 %}#}

{#<p>100</p>#}

{#{% else %}#}

{#<p>{{ ysl }}</p>#}

{#{% endif %}#}

<!-- filter可以用在if等语句，simple_tag不可以   -->

{% endblock %}

需要注意项：

1 如果你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其他的任何情况下，模版继承都将无法工作。

2 在base模版中设置越多的 {% block %} 标签越好。请记住，子模版不必定义全部父模版中的blocks，所以，你可以在大多数blocks中填充合理的默认内容，然后，只定义你需要的那一个。多一点钩子总比少一点好。

3 如果你发现你自己在大量的模版中复制内容，那可能意味着你应该把内容移动到父模版中的一个 {% block %} 中。

4 为了更好的可读性，你也可以给你的 {% endblock %} 标签一个名字。例如：

{% block content %}

...

{% endblock content %}