Python Flask 简明教程(9)--模板之渲染变量

简介: 本文目录1. 前言2. 渲染变量2.1 普通变量2.2 字典2.3 对象3. 小结

1. 前言

上一篇我们介绍了模板继承,可以快速的复用导航等固定部分到各个页面。


本篇我们介绍下如何将后端的参数带到前端,然后渲染到网页上显示。


2. 渲染变量

2.1 普通变量

后端返回普通变量:


@app.route('/user')

def user():

   return render_template('user.html', username="张三")


对应user.html页面渲染取值渲染:


   <p>

       普通变量-用户名:{{username}}

   </p>


2.2 字典

后端返回字典:


@app.route('/user')

def user():

   userInfo = {"name": "张三", "age": 23}

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


前端取值:


  <p>

       字典-用户姓名与年龄:{{userInfo['name']}}----{{userInfo['age']}}

   </p>


2.3 对象

定义类:


class User:

   def __init__(self, name):

       self.name = name


后端返回对象:


@app.route('/user')

def user():

   myUser = User("张三")

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


前端取值:


<p>

       对象-用户姓名:{{myUser.name}}

   </p>


3. 小结

Python模板渲染的语法跟Vue挺像,但是意义是完全不同的。


Python模板渲染可以将后端的变量,以一种非常简单的方式渲染到前端页面中,非常NICE。

相关文章
|
5月前
|
数据采集 存储 XML
Python爬虫技术:从基础到实战的完整教程
最后强调: 父母法律法规限制下进行网络抓取活动; 不得侵犯他人版权隐私利益; 同时也要注意个人安全防止泄露敏感信息.
855 19
|
4月前
|
索引 Python
Python 列表切片赋值教程:掌握 “移花接木” 式列表修改技巧
本文通过生动的“嫁接”比喻,讲解Python列表切片赋值操作。切片可修改原列表内容,实现头部、尾部或中间元素替换,支持不等长赋值,灵活实现列表结构更新。
187 1
|
5月前
|
数据采集 存储 JSON
使用Python获取1688商品详情的教程
本教程介绍如何使用Python爬取1688商品详情信息,涵盖环境配置、代码编写、数据处理及合法合规注意事项,助你快速掌握商品数据抓取与保存技巧。
|
6月前
|
并行计算 算法 Java
Python3解释器深度解析与实战教程:从源码到性能优化的全路径探索
Python解释器不止CPython,还包括PyPy、MicroPython、GraalVM等,各具特色,适用于不同场景。本文深入解析Python解释器的工作原理、内存管理机制、GIL限制及其优化策略,并介绍性能调优工具链及未来发展方向,助力开发者提升Python应用性能。
406 0
|
存储 安全 API
【Python 基础教程 21】Python3 文件操作全面指南:从入门到精通的综合教程
【Python 基础教程 21】Python3 文件操作全面指南:从入门到精通的综合教程
463 0
|
数据可视化 IDE 开发工具
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
1077 13
|
监控 数据可视化 搜索推荐
【Python篇】matplotlib超详细教程-由入门到精通(下篇)2
【Python篇】matplotlib超详细教程-由入门到精通(下篇)
319 9
|
数据可视化 API 数据处理
【Python篇】matplotlib超详细教程-由入门到精通(上篇)
【Python篇】matplotlib超详细教程-由入门到精通(上篇)
1216 5
|
数据可视化 IDE Linux
【Python篇】PyQt5 超详细教程——由入门到精通(序篇)
【Python篇】PyQt5 超详细教程——由入门到精通(序篇)
2963 3
|
编解码 数据可视化 IDE
【Python篇】matplotlib超详细教程-由入门到精通(下篇)1
【Python篇】matplotlib超详细教程-由入门到精通(下篇)
331 3

推荐镜像

更多