Flask学习笔记之模板(二)
2018-11-21 本文已影响4人
罗罗攀

大纲
模板也是提供流程控制的,本次的分享内容见下:
- 判断
- 循环
- 静态文件
判断
这里我们输入一个成绩变量,看是否及格。
@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>

循环
这里我们定义一个列表,用来循环。
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>

静态文件
大多数的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>
