码迷,mamicode.com
首页 > 其他好文 > 详细

Django的模板系统

时间:2018-07-30 21:40:42      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:image   charset   htm   显示   分享图片   索引   rom   翻译   col   

Django模板中只有两种特殊符号:

{{  }}和 {% %}

{{ }}表示变量,在模板渲染的时候替换成值,{% %}表示逻辑相关的操作。

变量{{ }}

{{ 变量名 }}

变量名由字母数字和下划线组成。

点(.)在模板语言中有特殊的含义,用来获取对象的相应属性值。

from django.shortcuts import render

# Create your views here.


def test(request):
    name = "goulonghui"
    age = 18
    t_lst = ["111", 222, 333]
    t_dic = {"name": "glh", "age": 18, "hobby_lst": ["妹子1", "妹子2", "妹子3"]}

    return render(request, test.html, {
        "name": name,
        "age": age,
        "t_lst": t_lst,
        "t_dic": t_dic
    })
技术分享图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>{{ name }}</p>
<p>{{ age }}</p>
<p>{{ t_lst }}</p>
<p>{{ t_lst.0 }}</p>
<p>{{ t_lst.1 }}</p>

<ul>
    {% for foo in t_lst %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>

<hr>
<p>{{ t_dic }}</p>
<p>{{ t_dic.name }}</p>
<p>{{ t_dic.hobby_lst }}</p>
<p>{{ t_dic.hobby_lst.0 }}</p>
<hr>
<ul>
    {% for foo in t_dic %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>
<hr>
<ul>
    {% for foo in t_dic.keys %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>
<hr>
<ul>
    {% for foo in t_dic.values %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>
<hr>
<ul>
    {% for foo in t_dic.items %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>
<hr>
<ul>
    {% for foo in t_dic.items %}
        <li>{{ foo.0 }}</li>
    {% endfor %}
</ul>
<hr>
<ul>
    {% for foo in t_dic.items %}
        <li>{{ foo.1}}</li>
    {% endfor %}
</ul>


</body>
</html>
test.html

技术分享图片

注:当模板系统遇到一个(.)时,会按照如下的顺序去查询:

  1. 在字典中查询
  2. 属性或者方法
  3. 数字索引

Filters

翻译为过滤器,用来修改变量的显示结果。

语法: {{ value|filter_name:参数 }}

‘|‘左右没有空格

default  

{{ value|default:"nothing"}}

如果value值没传的话就显示nothing

注:TEMPLATES的OPTIONS可以增加一个选项:string_if_invalid:‘找不到‘,可以替代default的的作用。

Django的模板系统

标签:image   charset   htm   显示   分享图片   索引   rom   翻译   col   

原文地址:https://www.cnblogs.com/glh-ty/p/9392446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!