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

举报
王建峰 发表于 2021/11/19 04:16:14 2021/11/19
3.5k+ 0 0
【摘要】 欢迎加入知了课堂,学习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

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

    全部回复

    上滑加载中

    设置昵称

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

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

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