flask框架学习(9)-模板语法

后端模板语法

创建时间:2022-10-07 17:05

阅读:

1.返回值是字典格式

# 在html文件中固定通过data去获取后端传过来的值，
# 如果传过来是字典格式，可以通过data.字典的key 去获取value值

# 代码内容
@index_bp.route('/', methods=["get"])
def index():
    data_dict = {"name": "libai", "age": "18"}
    return render_template("index.html", data=data_dict)
    
# xxx.html 文件
<body>
    <div style="text-align: center">姓名：{{data.name}}</div>
    <div style="text-align: center">年龄：{{data.age}}</div>
</body>

2.返回值包含列表

# 通过下标去获取列表的值

# 代码内容
@index_bp.route('/', methods=["get"])
def index():
    data_dict = {
        "name": "libai",
        "age": "18",
        "list1": ["cat", "house", "plane", "BMW"]
        }
    return render_template("index.html", data=data_dict)

# xxx.html 文件
<body>
    <div style="text-align: center">姓名：{{data.name}}</div>
    <div style="text-align: center">年龄：{{data.age}}</div>
    <div style="text-align: center">遗产：{{data.list1.0}}</div>
    <div style="text-align: center">遗产：{{data.list1.1}}</div>
    <div style="text-align: center">遗产：{{data.list1.2}}</div>
</body>

3.for循环

# for循环语法
{% for item in 列表 %}  # 只有一个括号
        循环次数：{{forloop.counter}} -- 循环的值:{{item}}  # 两个括号
    {% endfor %} # 只有一个括号

# 代码内容
@index_bp.route('/', methods=["get"])
def index():
    data_dict = {
        "name": "libai",
        "age": "18",
        "list1": ["cat", "house", "plane", "BMW"]
        }
    return render_template("index.html", data=data_dict) 
    
# xxx.html 文件
<body>
    <div style="text-align: center">姓名：{{data.name}}</div>
    <div style="text-align: center">年龄：{{data.age}}</div>
    
    {% for price in data.list1 %}
            遗产：{{price}}
        {% endfor %}
</body>

4.if语句

# if语句语法
    {% if ... %}
        逻辑1
        {% elif ... %}
        逻辑2
        {% else %}
        逻辑3
        {% endif %}

# 代码内容
@index_bp.route('/', methods=["get"])
def index():
    data_dict = {
        "name": "libai",
        "age": "18",
        "list1": [10, 20, 8, 15, 17]
    }
    return render_template("index.html", data=data_dict)
    
# xxx.html 文件
<body>
    <div style="text-align: center">年龄：{{data.age}}</div>
    
    {% if data.name == "libai" %}
            姓名：{{data.name}}
        {% endif %}
    
    {% for price in data.list1 %}
        
            {% if price >= 20 %}
                遗产：{{price}}
            {% elif price >=17 %}
                遗产：{{price}}
            {% else %}
                不打印的数值：{{price}}
            {% endif %}
            
        {% endfor %}
</body>

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。