zoukankan      html  css  js  c++  java
  • 模板语言的作用及实例

    模板语言的作用:
    1.{{变量}}
    2.万能的句点号  .  -------------------------------
    {#s1#}
    {#{{ obj }}#}

    {#s2#}
    {#{{ obj }}#}
    {#{{ obj.0 }}#}
    {#{{ obj.1 }}#}
    {#{{ obj.2 }}#}

    {#s3#}
    {#{{ obj }}#}
    {#{{ obj.name }}#}
    {#{{ obj.age}}#}
    {#{{ obj.num }}#}
    {#s4#}
    {#{{ obj }}#}
    {#{{ obj.year}}#}
    {#{{ obj.month }}#}
    {#{{ obj.day }}#}
    {#s5#}
    {#{{ obj.n }}#}
    {#{{ obj.a }}#}
    3.if语句---------------------------------------
    {% if  %}
    {% endif %}
    ==============
    {#if语句#}
    {#{% if True %}#}
    {#    <h1><b>hello star</b></h1>#}
    {#    {% elif obj%}#}
    {#    <h1><i>success</i></h1>#}
    {##}
    {##}
    {#{% endif %}#}
    4.for循环---------------------------------------
    {% for i in list %}
    {% endfor %}
    ============
    {#for循环#}
    {#{% for i in obj %}#}
    {#    从1开始1 2 3#}
    {#    <h1>{{ forloop.counter }}:{{ i }}</h1>#}
    {#    从0开始 0 1 2#}
    {#    <h1>{{ forloop.counter0 }}:{{ i }}</h1>#}
    {#    反过来3 2 1#}
    {#    <h1>{{ forloop.revcounter }}:{{ i }}</h1>#}
    {#    反过来2 1 0#}
    {#    <h1>{{ forloop.revcounter0 }}:{{ i }}</h1>#}
    {#{% endfor %}#}
    -----------------------------------------------------
    5.过滤器----- |
    {#过滤器#}
    {#{{ obj|upper }}#}
    {#{{ obj|lower }}#}
    {#{{ obj|capfirst }}#}
    {#{{ obj|first }}#}
    {#{{ obj|first|upper }}#}
    {#add方法#}
    {#{{ obj|add:5 }}#}

    {#cut方法#}
    {#{{ obj|cut:' ' }}#}
    {#date方法#}
    {#{{ obj|date:'y-m-d' }}#}
    {#default#}
    {#{{ obj }}#}
    {#{{ obj|default:"空的" }}#}
     
     
    {#添加autoescape off浏览器知道这是安全的才会渲染,如果只是这样写 {{ obj }}  则只会原样输出{#<a href="#">跳转</a>#}
    {#{% autoescape off %}#}
    {#    {{ obj }}#}
    {##}
    {#{% endautoescape %}#}
    {#====其同样的作用,让浏览器渲染===#}
    {{ obj|safe }}
    {#striptags只显示innerHtml,即只显示内容#}
    {{ obj|striptags }}
    {##}
    {#{{ obj|filesizeformat }}#}
    {#{{ obj|length }}#}
    {#{{ obj|slice:':-1' }}#}
    {#{{ obj|truncatechars:'6' }}#}
    {#{{ obj|truncatewords:'2' }}#}
    {#浏览器默认编码:http%3A//www.baidu.com%3Fa%3D1%26b%3D5#}
    {#{{ obj|urlencode }}#}
     
  • 相关阅读:
    element ui 时间控件 多个日期
    java 获取两个日期之间的所有日期(年月日)
    java 正则表达式(内附例子)
    Notepad++怎么使用正则替换
    基于 vue+element ui 的cdn网站(多页面,都是各种demo)
    使用github搭建个人html网站
    PL/SQL Developer 如何记住密码
    PL/SQL Developer图形化窗口创建数据库(表空间和用户)以及相关查询sql
    安装pl/sql developer(内附下载地址)
    vue中操作cookie的插件
  • 原文地址:https://www.cnblogs.com/startl/p/12367781.html
Copyright © 2011-2022 走看看