+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2019-08(55)

2019-09(103)

2019-10(16)

2019-11(6)

2019-12(12)

Django模板

发布于2020-11-18 06:48     阅读(337)     评论(0)     点赞(28)     收藏(0)


0

1

2

3

4

5

6

7

8

一、模板的组成

组成:HTML代码+逻辑控制代码

二、逻辑控制代码

1、变量:使用双大括号引起来的变量 例:<p>{{name}}</p>

<!--HTML模板-->
<body>
    <h1 style="color: crimson">{{ yeas }}--{{ month}}--{{ day }}</h1>
</body>
#  python渲染

def dte(req, yeas, month, day):
    return render(req, 'index1.html', {'yeas': yeas, 'month': month, 'day': day})

  2、深度变量查找之句点号

模板不光能解析处理简单的字符串,还能处理更加复杂的数据结构,例如:list、dictionary和自定义的对象等。在 Django 模板中遍历复杂数据结构的关键是句点字符 (.)

列表:

def demo(request):
    lis = ['张三', '李四', '王五']
    return render(request, 'demo.html', {'lis': lis})
<div>这次展现的是列表第一个值----{{lis.1}}</div>

 

 

   字典:

<div>这次展现的是字典的值----{{ map.name }}</div>
 zidian = {'name': "张三", "age": "12", "sex": ""}
    return render(request, 'demo.html', {'map': zidian})

  对象:

# 人物类
class Admin:
    def __init__(self, name, age, sex):
        self.name = name
        self.age = age
        self.sex = sex

    def jieshao(self):
        return '我的名字是%s,性别%s,今年%s岁' % (self.name, self.sex, self.age)
# view
zhangsan = Admin("张三","12","")
    return render(request, 'demo.html', {'zs': zhangsan})
<div>这次展示的是自定义对象的方法----{{ zs.jieshao }}</div>

  3、变量过滤器(filter)

 语法:{{ obj | filter :parem}}------》{{变量 | 过滤器函数 :参数}}

<!--常用过滤器-->
 <!--
    1  add          :   给变量加上相应的值
    2  addslashes   :    给变量中的引号前加上斜线
    3  capfirst     :    首字母大写
    4  cut          :   从字符串中移除指定的字符
    5  date         :   格式化日期字符串
    6  default      :   如果值是False,就替换成设置的默认值,否则就是用本来的值
    7  default_if_none:  如果值是None,就替换成设置的默认值,否则就使用本来的值
 -->
<div>这次展示的是自定义对象的年龄加20----{{ zs.age|add:20 }}</div>
<div>字符串第一个大写{{ str|capfirst }}</div>
<div>字符串移除指定字符{{ str|cut:" " }}</div>
<div>时间格式控制{{ date|date:"Y-m-d" }}</div>
render(request, 'demo.html', {'strs': ''})
<div>空值则替换{{ strs|default:'空的列表'}}</div>   # 页面展示为“空的列表“
string = '<a href="12345/12345"> 12345</a>'
<div>渲染HTML标签{{ strs|safe}}</div>  <!--safe 会把标签渲染到页面而不是字符串-->
{% autoescape off %}
    <div>{{ strs }}</div>
{% endautoescape %}  <!--这种渲染会直接渲染出a标签和safe相同-->
<!--  显示渲染值大小{{ a|filesizeformat }}
      显示第一个值{{ a|first }}
      显示长度{{ a|length }}
      切割(参数为负值则从后往前切){{ a|slice:"3" }}-->

4、控制语句之tag标签的使用

  语法:{% 语句  %}

  • if--elif--else 判断
    <!--if判断语句 -->
        {% if zhangsan.age > 30 %}
            <h1>{{ zhangsan.name }}</h1>
        {% elif zhangsan.age > 10 %}
            <h1>{{ zhangsan.jieshao }}</h1>
        {% else %}
            <h1>{{ zhangsan.name }}年龄没超过10</h1>
        {% endif %}

     

  • if嵌套
    <!--if判断语句嵌套 -->
        {% if zhangsan.age > 30 %}
            {% if zhangsan.age < 50 %}  <!--里层判断-->
                <h1>{{ zhangsan.name }}的年龄在30-50之间</h1>
            {% else %}
                <h1>{{ zhangsan.name }}的年龄大于50</h1>
            {% endif %}  <!--每个end每个标签的结束标志-->
        {% elif zhangsan.age > 10 %}
            <h1>{{ zhangsan.jieshao }}</h1>
        {% else %}
            <h1>{{ zhangsan.name }}年龄没超过10</h1>
        {% endif %}
  • for循环
    <!--forloop.counter 循环计数器,
            counter0从0开始计数,
            forlooprevcounter倒序来
            forloop.first第一次循环换返回true,否则返回false
            -->
    <ul>
    {% for i in lis %}
        {% if forloop.first %}
            <li class="fir">
        {% else %}
            <li class="det">
        {% endif %}
        {{ i }}
        </li>
        {% empty %} <!--empty 用来判断是否为空列表-->
        <h1>没有数据</h1>
    {% endfor %}
    </ul>
  • csrf_token和url标签
    <form action="{% url "login"%}" >
              <input type="text">
              <input type="submit"value="提交">
              {%csrf_token%}
    </form>
    • {%csrf_token%}:防治跨站攻击验证
    • {%url "引用地址"%}:引用路由配置
  •  {%with%} :替换引用名
    {% with str=lis123456 %} 
        {{ str }}
    {% endwith %}
  • {%verbatim%}:禁止渲染,原样展现

 

原文链接:https://www.cnblogs.com/liangyy09/p/13970607.html

0

1

2

3

4

5

6



所属网站分类: 技术文章 > 博客

作者:集天地之正气

链接: https://www.pythonheidong.com/blog/article/618113/fe00096484c6cd17d70d/

来源: python黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

28 0
收藏该文
已收藏

评论内容:(最多支持255个字符)