Flask学习笔记之模板（二）_css


大纲

模板也是提供流程控制的，本次的分享内容见下：

  • 判断
  • 循环
  • 静态文件

判断

这里我们输入一个成绩变量，看是否及格。

@app.route('/ctrl/')
def ctrl():
    return render_template('index.html',grade=78)

然后在模板中写入判读语句：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>罗罗攀</title>
</head>
<body>
    {% if grade >=90 %}
        <p>及格</p>
    {% else %}
        <p>不及格</p>
    {% endif %}
</body>
</html>



Flask学习笔记之模板（二）_静态文件_02


循环

这里我们定义一个列表，用来循环。

fruits = ['apple','pear','banana']
@app.route('/ctrl/')
def ctrl():
    return render_template('index.html',grade=78,fruits=fruits)

然后用li标签来用来循环。

<ul>
        {% for fruit in fruits %}
            <li>{{ fruit }}</li>
        {% endfor %}
    </ul>



Flask学习笔记之模板（二）_静态文件_03


静态文件

大多数的web都是需要静态文件的，例如css，js，图片。这里的静态文件统一存放在static文件夹下。这里我们插入一张图片为例。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>罗罗攀</title>
</head>
<body>
    <img src="{{ url_for('static',filename='img.jpg') }}" alt="">
</body>
</html>



Flask学习笔记之模板（二）_html_04