代码1:
<!DOCTYPE html> <html> <head> <title>JinJa2 Demo</title> <link rel="stylesheet" href="{{url_for('static',filename='bootstrap4/css/bootstrap.css')}}" type="text/css"> </head> <body> <div class="container mt-2"> <h2>JinJa2 Demo</h2> <h2>{{'abcd'|reverse}}</h2> <h2>{{' abcd ''xxx'}}</h2> <h2>{{' abcd '|trim}}{{'xxx'}}</h2> <h2>{{'aaa''bbb'}}</h2> <h2>{{'aaa'~'bbb'}}</h2> <h2>{{5//2}}</h2> <h2>{{5%2}}</h2> <h2>{{3>1 and 3>4}}</h2> <h2>{{3!=4}}</h2> <h2>{{3 in [3,4,5]}}</h2> <h2>{{'AbCd'|upper}}</h2> <h2>{{'AbCd'|lower}}</h2> <h2>{{'AbCd'|capitalize}}</h2> <h2>{{-3|abs}}</h2> <h2>{{[11,22,33]|first}}</h2> <h2>{{[11,22,33]|last}}</h2> <h2>{{[11,22,33]|sum}}</h2> <h2>{{[44,22,33]|sort}}</h2> <h2>{{[44,22,33]|join("->")}}</h2> <h2>{{123|float}}</h2> <h2>{{12.5|int}}</h2> <h2>{{12.5555|round(2)}}</h2> <h2>{{'123'|float}}</h2> <h2>{{ "%s - %f"|format("Hello?", 123.55555) }}</h2> <h2> {% set a=1 %} {% set b=2 %} {% set c=a+b %} {{c}}</h2> {% for u in range(1,100,3) %} <h2> {{loop.index}}-{{u}} </h2> {% endfor %} </div> </body> </html>
代码2:
<!DOCTYPE html> <html> <head> <title>JinJa2 Demo</title> <link rel="stylesheet" href="{{url_for('static',filename='bootstrap4/css/bootstrap.css')}}" type="text/css"> </head> <body> <div class="container mt-2"> <h2>JinJa2 Demo</h2> {# create a student dict #} {% set student=[ {"name":"zss","age":18,"sex":"女"}, {"name":"fbb","age":21,"sex":"女"}, {"name":"mx","age":22,"sex":"男"}, {"name":"wq","age":20,"sex":"女"} ] %} <ul> {# 对student进行排序,指定attribute为age,降序 #} {% for stu in student |sort(attribute="age",reverse=true)%} <li>{{ stu.name }} |{{ stu.sex }} </li> {% endfor %} </ul> <p>------------------------------------------------------</p> <ul> {# 对student进行分组,会返回一个分组后的元组 #} {% for stu_list in student | groupby("sex") %} {# 对分组后的元素进行遍历 #} {% set idx=loop.index %} {% for stu in stu_list.list %} <li> {{idx}}-{{loop.index}}-{{ stu.name }} - {{ stu.age }} - {{ stu.sex }} </li> {% endfor %} {% endfor %} </ul> <p>------------------------------------------------------</p> <ul> {# 对student进行聚合操作,在将聚合后的元素列表进行拼接 #} {{ student | map(attribute="name") | join("<->") }} </ul> </div> </body> </html>