首页 > 其他分享 >Flask009_模板的使用

Flask009_模板的使用

时间:2023-05-26 14:48:08浏览次数:38  
标签:Flask009 person html user 使用 variable hobby 模板

渲染模板

  • index.html
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>首页</title>
 6 </head>
 7 <body>
 8 <h1>这是首页</h1>
 9 </body>
10 </html>
  • 调用模板
1 @app.route('/')
2 def index():
3     return render_template('index.html')
  • 效果

渲染变量

  • variable.html
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>变量使用</title>
 6 </head>
 7 <body>
 8 <h1>我的兴趣爱好时:{{ hobby }}</h1>
 9 </body>
10 </html>
  • 调用模板
1 @app.route('/variable')
2 def variable():
3     hobby = '游戏'
4     return render_template('variable.html', hobby=hobby)
  • 效果

变量为字典和对象

  • variable.htm
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>变量使用</title>
 6 </head>
 7 <body>
 8 <h1>我的兴趣爱好时:{{ hobby }}</h1>
 9 <p>person 的姓名是:{{ person.name }},person 的年龄是:{{ person.age }}</p>
10 <p>user 的用户名是:{{ user.username }},user 的邮箱是:{{ user.email }}</p>
11 </body>
12 </html>
  • 调用模板
1 @app.route('/variable')
2 def variable():
3     hobby = '游戏'
4     person = {
5         "name": "张三",
6         "age": 18
7     }
8     user = User("李四", "[email protected]")
9     return render_template('variable.html', hobby=hobby, person=person, user=user)
  • 效果

变量较多的情况

  • 使用**语法
 1 @app.route('/variable')
 2 def variable():
 3     hobby = '游戏'
 4     person = {
 5         "name": "张三",
 6         "age": 18
 7     }
 8     user = User("李四", "[email protected]")
 9     context = {
10         "hobby": hobby,
11         "person": person,
12         "user": user
13     }
14     return render_template('variable.html', **context)

 

标签:Flask009,person,html,user,使用,variable,hobby,模板
From: https://www.cnblogs.com/2018jason/p/17434646.html

相关文章

  • 使用Postman调用.NET Core的gRPC服务
     项目引入<PackageReferenceInclude="Grpc.AspNetCore.Server.Reflection"Version="2.51.0"/> net6.0的项目Program.cs需要添加的代码//注入服务builder.Services.AddGrpcReflection();//添加endpointapp.MapGrpcReflectionService(); 启动项目   ......
  • vue Js对象结构函数使用方法
    写了三行不如一行搞定原先的constinComeTypeId=this.queryForm.inComeTypeIdconstcurrentPage=this.queryForm.currentPageconstpageSize=this.queryForm.pageSize现在的const{inComeTypeId,currentPage,pageSize}=this.queryForm一行代码实现变量......
  • 工具使用--mac在线制作gif
    背景说明:需要直接录制屏幕然后格式为gif,但是发现好多工具都需要注册或者购买会员。怎么处理?折中一下,利用工具先录制视频格式,然后把视频文件转换成gif;视频转gif-在线版无需注册的工具网上有好多。1.用mac自带的播放器:quicktimeplayer,右键"新建屏幕录制":选择屏幕,开始录制......
  • 批量删除rediskey(使用scan模式)
    importredisimportre#连接Redisr=redis.Redis(host='192.168.1.42',port=31448,db=0,password='Y11111')#需要删除的key的正则表达式pattern='data-*'#定义SCAN命令的游标初始值cursor=0#循环遍历Redis中符合正则表达式的key,并逐个删除while......
  • vue中使用vant中PullRefresh 下拉刷新踩坑
    问题PullRefresh的内容未填满屏幕时,只有一部分区域可以下拉:<template><divclass="appCon"><van-pull-refreshclass="pageRefresh"v-model="isLoading"success-text="刷新成功"@refresh="onRefre......
  • windows环境下 java 使用sqlite-jdbc 加载mod_spatialite用于地理空间处理
    由于项目需要,将sqlite中的数据使用空间函数(st_astext(),st_geomfromtext()等)处理空间坐标数据,这就需要加载mod_spatialite组件,从网上找了很多方法,也问了gpt,也从官网上(http://www.gaia-gis.it/gaia-sins/spatialite-cookbook/html/java.html)找到了加载mod_spatialite组件的示......
  • 【C#】-弃元(_)的使用-02
    从C#7.0开始,推出了一种新的特性:弃元,这种思想可能来源于Golang。弃元,就是不想要了的元素变量,用单下划线(_)表示,弃元在编译时起作用,就是搞编译器:这个变量我不要,你可以优化处理。我们经常在下面几个过程中使用弃元:1、元组解构赋值在使用元组解构赋值时,我们往往需要......
  • 【C#】-弃元(_)的使用
    从C#7.0开始,C#支持弃元,这是一种在应用程序代码中人为取消使用的占位符变量。简单来说,弃元的作用就是告诉编译器和其他读取代码的文件你打算忽略表达式的结果。当我们不需要或不使用赋值的结果时,就可以使用弃元。我们在代码中一定遇到过这种苦恼:staticvoidMain(string[]a......
  • MT4电脑版交易软件使用技巧有哪些?
    MT4交易软件作为连接券商平台与投资者之间的纽带,不仅是外汇金融机构的首选交易平台,也因其显著的优势成为了外汇投资者进行网上交易的重要平台。而MT4交易软件又分为电脑版和手机版,因为大多数投资者进行外汇投资时使用的是MT4电脑版软件,所以本文就来主要讲讲:MT4电脑版交易软件使用技......
  • YonBuilder低代码平台概论和基本使用
    一、引言1.代码平台的概念和发展历程低代码平台是一种通过可视化界面和模板化组件快速创建应用程序的平台,其发展历程主要经历了三个阶段:第一个阶段是第一代低代码平台:其主要关注业务流程管理及应用程序的速度开发,但其可扩展性和可定制性较低。第二个阶段是第二代低代码平台:充分注重......