Python Flask 简明教程(10)--模板之条件渲染与循环渲染

简介: 本文目录1.前言2. 条件渲染3. 循环渲染4. 小结

1.前言

上一篇讲解了如何将变量从python程序渲染到网页。


本篇来讲下如何根据后端的数据,对网页内容进行条件渲染和循环渲染。


2. 条件渲染

条件渲染的意思是,根据后端变量的情况,来选择性的渲染一部分内容。


后端类:


class User:

   def __init__(self, name, sex):

       self.name = name

       self.sex = sex


后端返回数据:


@app.route('/user')

def user():

   myUser = User("张三", "male")

   return render_template('user.html', myUser=myUser)


前端根据性别值,条件渲染,当返回数据的sex为male时,则渲染if包裹的部分,否则渲染else包裹的部分。


   <p>

       {% if myUser.sex=='male' %}

       男

       {% else %}

       女

       {% endif %}

   </p>


3. 循环渲染

循环渲染的意思,是渲染一组元素,将每个元素循环展开。


后端返回列表:


@app.route('/user')

def user():

   myUser = User("张三", "male")

   otherUser = User("李四", "female")

   userList = [myUser, otherUser]

   return render_template('user.html', myUser=myUser, userList=userList)


前端循环显示:


 <ul>

           {% for user in userList %}

           <li>名字:{{user.name}}--性别:{{user.sex}}</li>

           {% endfor %}

       </ul>


所以效果如下:



4. 小结

条件渲染和循环渲染,其实还是python模板引擎,根据前端{%%}的模板语法,将一些变量的值渲染到指定位置的方式。


因为是在后端对模板内容进行处理,所以可以做的非常灵活,Flask的实现足够简单优雅,我喜欢。

相关文章
|
2月前
|
前端开发 JavaScript 数据库
python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器
python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器
|
3月前
|
数据采集 自然语言处理 大数据
​「Python大数据」词频数据渲染词云图导出HTML
使用Python,本文展示数据聚类和办公自动化,焦点在于通过jieba分词处理VOC数据,构建词云图并以HTML保存。`wordCloud.py`脚本中,借助pyecharts生成词云,如图所示,关键词如&quot;Python&quot;、&quot;词云&quot;等。示例代码创建了词云图实例,添加词频数据,并输出到&quot;wordCloud.html&quot;。
68 1
​「Python大数据」词频数据渲染词云图导出HTML
|
2月前
|
JavaScript Java Python
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
|
2月前
|
前端开发 Python
使用 Flask 3 搭建问答平台(三):注册页面模板渲染
使用 Flask 3 搭建问答平台(三):注册页面模板渲染
|
3月前
|
中间件 数据库 开发者
解析Python Web框架的四大支柱:模板、ORM、中间件与路由
【7月更文挑战第20天】Python Web框架如Django、Flask、FastAPI的核心包括模板(如Django的DTL和Flask的Jinja2)、ORM(Django的内置ORM与Flask的SQLAlchemy)、中间件(Django的全局中间件与Flask的装饰器实现)和路由(Django的urls.py配置与Flask的@app.route()装饰器)。这些组件提升了代码组织和数据库操作的便捷性,确保了Web应用的稳定性和可扩展性。
57 0
|
4月前
|
前端开发 JavaScript Python
flask实战-模板实现公共导航
在Flask中实现模板继承,创建基础模板`base.html`,包含公共导航菜单。子模板`movie-extends.html`继承`base.html`,并定义主要内容。视图函数`movie_extends_view`渲染`movie-extends.html`,显示电影列表。通过`extra_css`和`extra_js`块添加页面特定的样式和脚本,实现在`movie-extends.html`中应用自定义CSS样式。运行应用,访问http://127.0.0.1:1027/movie-extends,页面显示定制的电影列表样式。
80 2
|
3月前
|
开发者 iOS开发 MacOS
【Python】已解决:Pycharm设置Python每个文件开头自定义模板(带上作者名、时间等)
【Python】已解决:Pycharm设置Python每个文件开头自定义模板(带上作者名、时间等)
138 0
|
5月前
|
数据采集 机器学习/深度学习 人工智能
最新用python代码画爱心,来自程序猿的浪漫~_python画爱心代码(1),2024年最新面试简历模板免费
最新用python代码画爱心,来自程序猿的浪漫~_python画爱心代码(1),2024年最新面试简历模板免费
最新用python代码画爱心,来自程序猿的浪漫~_python画爱心代码(1),2024年最新面试简历模板免费
|
5月前
|
关系型数据库 测试技术 Python
2024年最新【Python 百练成钢】快速上手并查集(2),Python面试简历模板
2024年最新【Python 百练成钢】快速上手并查集(2),Python面试简历模板
|
前端开发 JavaScript Java
Flask Web 极简教程(二)- Flask 模板(Part E)
Flask Web 极简教程(二)- Flask 模板(Part E)
Flask Web 极简教程(二)- Flask 模板(Part E)