flask学习笔记(八) --模板中嵌套逻辑代码

欢迎加入知了课堂,学习flask

Python Flask系列(1)——基础:http://study.163.com/course/courseMain.htm?courseId=1004091002

Python Flask框架——全栈开发: http://study.163.com/course/courseMain.htm?courseId=1004507006



在模板中使用if条件判断语句或者是for循环语句,可以帮助开发者更好的渲染模板。通过 {%逻辑表达式%} 来实现代码的嵌套,语法与python语法基本一致。这次我要实现一个九九乘法表,通过这个小案例来更好的掌握这些知识!


一、项目实现

1.python文件:

@app.route('/')
def hello_world():
return render_template('index.html')


2.html文件:

<table border="1">
<tbody>
{% for x in range(1,10) %}
<tr>
{% for y in range(1,x+1) %}
<td>{{ y }}*{{ x }}={{ x*y }}td>
{% endfor %}
tr>
{% endfor %}
tbody>
table>


3.实现效果

在模板中使用if条件判断语句或者是for循环语句,可以帮助开发者更好的渲染模板。通过 {%逻辑表达式%} 来实现代码的嵌套,语法与python语法基本一致。这次我要实现一个九九乘法表,通过这个小案例来更好的掌握这些知识!


一、项目实现

1.python文件:

@app.route('/')
def hello_world():
return render_template('index.html')


2.html文件:

<table border="1">
<tbody>
{% for x in range(1,10) %}
<tr>
{% for y in range(1,x+1) %}
<td>{{ y }}*{{ x }}={{ x*y }}td>
{% endfor %}
tr>
{% endfor %}
tbody>
table>


3.实现效果

flask学习笔记(八) --模板中嵌套逻辑代码_第1张图片

二、解码html

先是逻辑部分 

x是行标,执行序列1~9 刚好九行      

y是列标,执行序列也是1~9(与对应行数一样)

这里用两层循环,x行最多有x个列


标签的含义

标签定义 HTML 表格

元素定义表格行

元素定义表头

元素定义表格单元

 标签用于组合 HTML 表格的主体内容,常与  and  元素结合起来使用


另外,border=“1”的作用是给每一个元素添加一个外边框,就像我们看到的那样。



欢迎加入知了课堂,学习flask

Python Flask系列(1)——基础:http://study.163.com/course/courseMain.htm?courseId=1004091002

Python Flask框架——全栈开发: http://study.163.com/course/courseMain.htm?courseId=1004507006


你可能感兴趣的:(Flask_web开发)