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

举报
王建峰 发表于 2021/11/19 04:16:14 2021/11/19
【摘要】 欢迎加入知了课堂,学习flask Python Flask系列(1)——基础:http://study.163.com/course/courseMain.htm?courseId=1004091002 Python Flask框架——全栈开发: http://study.163.com/course/courseMain....

欢迎加入知了课堂,学习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.实现效果


二、解码html

先是逻辑部分 

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

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

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


标签的含义

<table> 标签定义 HTML 表格

<tr> 元素定义表格行

<th> 元素定义表头

<td> 元素定义表格单元

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


另外,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


文章来源: blog.csdn.net,作者:hinzer,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/feit2417/article/details/80735355

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。