网络编程
位置:首页>> 网络编程>> Python编程>> Flask模板引擎Jinja2使用实例

Flask模板引擎Jinja2使用实例

作者:gdjlc  发布时间:2022-01-19 11:58:39 

标签:Flask,模板,引擎,Jinja2

Flask提供的模板引擎为Jinja2,易于使用,功能强大。

模板仅仅是文本文件,它可以生成任何基于文本的格式(HTML、XML、CSV、LaTex 等等)。

它并没有特定的扩展名, .html 或 .xml 都是可以的。

模板包含 变量 或 表达式 ,这两者在模板求值的时候会被替换为值。模板中还有标签,控制模板的逻辑。

Jinja2文档:http://docs.jinkan.org/docs/jinja2/index.html

下面是一些使用实例,涉及模板继续、变量、赋值、循环、去空白、转义块、条件语句等。

1、在目录templates下面创建基本模板文件base.html


<!doctype html>
<html>
 <head>
   <title>{{title}}</title>
   <style text="text/css">
     ul{list-style:none}
     li{padding-left:20px}
   </style>
 </head>
 <body>  
   <div id="content">
    <h4>子模板内容</h4>
     {% block content %}

{% endblock %}
   </div>
 </body>
</html>

2、同样在目录templates下面创建子模板文件test1.html


{% extends 'base.html' %}
{# 这里是注释,上面标签表示当前模板继承自模板base.html #}  

{% block content %}

变量:{{v1}}
  <br />

赋值:
  {% set v2 = 100 %}
  {{v2}}
  <br />    

循环:
 {% for item in items%}
   {{ item.name }}
 {% endfor %}
  <br />  

去空白:
 {% for item in items -%}
   {{ item.name }}
 {%- endfor %}
  <br />

转义块:
  {% raw %}
   <ul>
    {% for item in list -%}
     <li>{{ item }}</li>
    {%- endfor %}
   </ul>
  {% endraw %}

条件语句:
  {% for item in items%}
   {% if item.name == '张三' %} {{item.name}}(管理员)
   {% else %} {{item.name}}
   {% endif %}    
 {% endfor %}
 <br />
<form method="post" action="/getFormValue"> <input type="text" name="username" width="60" /> <input type="submit" value="获取表单值" /> </form>
{% endblock %}

3、在与目录templates平级目录上创建test1.py


from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/test1')
def test1() -> 'html':
items = [{'name':'张三'},
    {'name':'李四'},
    {'name':'王五'}]
return render_template('test1.html',
            title='test',
            v1='变量值',
            items = items)

@app.route('/getFormValue', methods=['POST'])
def getFormValue() -> 'str':
username = request.form['username']
return username

app.run(debug = True)

4、在命令提示符下执行py -3 test1.py

访问http://127.0.0.1:5000/test1,页面显示如下:

子模板内容
变量:变量值
赋值: 100
循环: 张三 李四 王五
去空白: 张三李四王五
转义块:
{% for item in list -%}
{{ item }}
{%- endfor %}
条件语句: 张三(管理员) 李四 王五

来源:https://www.cnblogs.com/gdjlc/p/11072835.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com