《Django By Example》

【Django】模板篇（views.py）：模板语言、过滤器、模

2019-08-09  本文已影响27人  Alcazar
模板文件

templates文件夹下面的文件都叫模板文件。模板文件可以将View视图中需要在前端HTML页面中展示的数据，通过模板引擎的语法规则，展示出来。

使用模板的优势：
能够将业务逻辑的Python代码和页面设计的HTML代码分离，使代码更干净整洁更容易维护，使Python程序员和HTML/CSS程序员分开协作，提高生产的效率，且将HTML代码分离出来，还能使其能够复用；

Django处理模板分为两个阶段：

模板语言

模板语言分为以下四类：

下面将就这几点进行详细介绍。

渲染变量

用于渲染变量：

{{  }}

关于变量的【bug 预防】

过虑器：

语法如下:

 {{val | filter_name: 参数}}

使用管道符号|来应用过滤器，用于进行计算、转换操作，可以使用在变量、标签中。
如果过滤器需要参数，则使用冒号 : 传递参数。

部分过滤器参数举例：

{{ bio | truncatewords:"30" }}显示前30个字
{{ "abcd"|capfirst }}：|第一个字母大写
{{ "abcd"|center:"50" }}： 输出指定长度的字符串，并把值对中
{{ "123spam456spam789"|cut:"spam" }}：查找删除指定字符串
{{ value|date:"F j, Y" }}：|格式化日期
{{ value|default_if_none:"(N/A)" }}： |值是None，使用指定值
{{ list|first }} ：返回列表第一个元素
{{ list|join:", " }} ：用指定分隔符连接列表
{{ list|length }} ：返回列表个数
{% if 列表|length_is:"3" %} ：列表个数是否指定数值
{{ object|pprint }}： 显示一个对象的值
{{ 列表|random }}： 返回列表的随机一项
{{ string|removetags:"br p div" }}： 删除字符串中指定html标记
{{ string|rjust:"50" }}： 把字符串在指定宽度中对右，其它用空格填充
{{ 列表|slice:":2" }}： 切片
{{ string|slugify }}： 字符串中留下减号和下划线，其它符号删除，空格用减号替换
{{ 3|stringformat:"02i" }}： 字符串格式，使用Python的字符串格式语法
{{ "E<A>A</A>B<C>C</C>D"|striptags }}： 剥去[X]HTML语法标记
渲染标签：
{%  %}

【标签的作用】：

for标签语法

{%for item in 列表%}
循环逻辑；
{{forloop.counter}}表示当前是第几次循环，从1开始；
{%empty%}
列表为空或不存在时执行此逻辑；
{%endfor%}

if标签语法

{%if ...%}
逻辑1
{%elif ...%}
逻辑2
{%else%}
逻辑3
{%endif%}

include：加载模板并以标签内的参数渲染。

{ %include "foo/bar.html" % }

url：反向解析

{ % url 'name' p1 p2 %}

srf_token：这个标签用于跨站请求伪造保护

{ % csrf_token %}

【BUG预防】：模板中不要随意添加空格，尤其是变量和标签。

【补充】关于深度查询：
一般利用点来完成

 {# 想要列表l的第二个元素: l.1 #} 
<p>{{ l.1 }}</p>
{# 获取字典info中name那个key对应的value #}
 <p>{{ info.name }}</p>
{# 获取对象alex的name属性值 #}
<p>{{ alex.name }}</p>
{# 获取person_list列表中第2个对象的age属性值 #} 
<p>{{ person_list.1.age }}</p>
模板继承
继承模板
{% extends 这里填写被继承的HTML页面 %}
{% block 这里填写继承的block %}  {% endblock %}
{% include 这里填写需要引入的HTML子页面 %}
子模板中使用block填充预留区域(base.html)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
        {% endblock %} - Microblog
    </title>
</head>
<body>
    <div>
        MicroBlog
        <a href="{{ url_for('index')  }}">Home</a>
        {% if current_user.is_anonymous %}
            <a href="{{ url_for('login')  }}">Login</a>
        {% else %}
            <a href="{{ url_for('logout') }} ">logout</a>
            <a href="{{ url_for('user', username=current_user.username) }}">Profile</a>
        {% endif %}
    </div>

    <hr>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
            <ul>
                {% for message in messages %}
                    <li>{{ message }}</li>
                {% endfor %}
            </ul>
        {% endif %}
    {% endwith %}
    {% block content %}
    {% endblock %}
</body>
</html>

【BUG预防】：

上一篇 下一篇

猜你喜欢

热点阅读