#網頁模板需要導入render_template
from flask import Flask,render_template
方法一:
#使用render_template模塊來渲染模板文件
#return render_template("day3.html",my_str = my_str,my_int=my_int,my_list=my_list,my_dict=my_dict)
方法二:
#通過**引用來將嵌套dict直接傳遞給模板
return render_template('day3.html',**context)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>flask網頁模板的學習</title>
<style></style>
</head>
<body>
<div>
這是一個網頁模板
<br /><br />
{# 這是注釋最基本的模塊語法輸出變量#}
{{my_str}}
<br /><br />
{#模板語法可以做簡單的運算#}
{{my_int + 10}}
<br /><br />
{#模板語法可以以下標引用輸出list#}
{{my_list[1]}} {{my_list.1}}
<br /><br />
{#模板語法可以通過調用key來輸出#}
{{my_dict['name']}} {{my_dict.age}}
{#使用{%%}來定義簡單的邏輯控制代碼#}
{% if my_int %}
整形存在
{% else %}
不存在
{# 使用if判斷,一定要有endif,來結束邏輯判斷#}
{% endif %}
<ul>
{#使用for循環來遍歷list,for也必須有endfor來結束邏輯判斷#}
{% for item in my_list %}
<li>{{item}}</li>
{% endfor %}
</ul>
{#使用if for 嵌套來實現單雙行背景色#}
<table style="border:1px solid red;padding:5px;">
{% for item in my_list %}
{#使用loop關鍵字可以調用循環索引,用來判斷下標單雙數#}
{% if loop.index % 2 == 0 %}
<tr style="">><td>{{item}}</td></tr>
{% else %}
<tr style="">><td>{{item}}</td></tr>
{% endif %}
{% endfor %}
</table>
</div>
</body>
</html>