jinja——表达式的输出

返回一个固定值，jinja进行渲染

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def login():
    return render_template('test.html',name="testing")

if __name__ == "__main__":
    app.run('0.0.0.0', 5001, debug=True)

test.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-wwidth, initial-scale=1.0"
        <title>test</title>
    </head>
<body>
    <h1>测试平台</h1>
    <h2>{{ name }}</h2>
</body>
</html>
<script type="text/javascript"></script>

结果：

image

返回一个字典, jinja渲染

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/person")
def person():
    person = {
    "name": "lily",
    "age":18,
    "gender":"female"}
    return render_template("person.html", person=person)


if __name__ == "__main__":
    app.run('0.0.0.0', 5001, debug=True)

person.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-widdth, initial-scale=1.0">
    <title>Title</title>
</head>
<body>
    <p>
        {{person}}
    </p>
    <p>
    您好,
    {% if person.gender == "male" %}
    {{person.name}}先生
    {% else %}
    {{person.name}}女士
    {% endif %}
    </p>
</body>
</html>
<script type="text/javascript"></script>

结果：

image

 

返回一个列表，jinja渲染

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/people")
def people():
    people = [
        {
            "name": "tom",
            "age": 19,
            "gender": "male"
        },
        {
            "name": "jerry",
            "age": 18,
            "gender": "female"}
    ]
    return render_template("people.html",people=people)

if __name__ == "__main__":
    app.run('0.0.0.0', 5001, debug=True)

people.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-widdth, initial-scale=1.0">
    <title>people</title>
</head>
<body>
   {%for p in people%}
  <p>
    Hello,
    {% if p.gender == "male" %}
      Mr.{{p.name}}<br/>
    {% else %}
      Ms.{{p.name}}<br/>
    {% endif %}
      Your age is {{p.age }}<br/>
      Your gender is {{p.gender }}<br />
  </p>
  {% endfor %}
</body>
</html>
<script type="text/javascript"></script>

结果：

image

 

posted @ 2025-08-21 14:29  Alieen617  阅读(3)  评论(0)    收藏  举报