首页 > 其他分享 >flask web 项目3 jinjia2 模板|过滤器

flask web 项目3 jinjia2 模板|过滤器

时间:2023-02-09 12:24:36浏览次数:47  
标签:__ web render flask app template 过滤器 id jinjia2

from flask import Flask,render_template

app =Flask(__name__)

 

@app.route('/'):

  int id=12

  return render_template("index.heml")      #render_template("index.heml",id=id)  id 自定义传参给前端     前端用法:{{id}}

                     #后端中类中的实例对象中的变量或者字典, 传至前端,前端可以用“.”进行引用   如:实例.变量名

#如果要对某个变量进行处理,可以通过函数来实现,过滤器本质是函数,

#自定义过滤器

#def datex(value,format="")

  return ""

#app.add_template_filter(datex,"datexname")   #datex为函数名,datexname为过滤器名  {{user.date|datexname}}

@app.route('/ind'):

  id="123"

  return render_template("ind1.heml", id=id)   #前端若想要获取id变量长度,则可以写成{{id|length}}  用"|"

if __name__==__main__:

  app.run()

标签:__,web,render,flask,app,template,过滤器,id,jinjia2
From: https://www.cnblogs.com/ylxb-1/p/17103594.html

相关文章

  • WebGL技术下的智慧学校三维可视化管理平台
    学校是社会进步与学生成才的重要载体。随着信息化趋势的不断加强,构建"智慧型"校园,继续加强把学校作为主体的教育信息化进程,是教育信息化的主要构成部分。今天给大家分享一个......
  • nginx-web服务器
    1.介绍Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较......
  • Webpack 中使用source map 在开发过程中进行调试
    我们都知道webpack在打包的时候会将源代码打包成一个bundle文件,bundle文件就是经过了loader转换,还有webpack的一些插件处理,以及webpack构建过程中的一些转换,最后会生成一个......
  • Webpack实现多页面打包
    1.多页面应用(MPA)概念单页面在开发时会把所有的业务放在一个大的入口里面去,不同的子业务还是同一个URL地址,只不过后面的hash会有所不同。多页面相对于单页面的区别在于,项......
  • Webpack实现将CSS中的px转换为rem
    由于现在众多移动设备的兴起,各种手机厂商推出了许多不同屏幕尺寸大小的手机型号,前端人员在编写代码时就需要适配各种手机屏幕。传统的样式适配是利用CSS的媒体查询,但是这种......
  • Webpack中给CSS自动添加前辍
    由于现在主流的浏览器有好几种,在编写CSS样式时,需要对各种浏览器作兼容处理,导致在写一些新的CSS样式时需要针对不同的浏览器加上不同的前辍,如果每个前辍都手动来加的话会相当......
  • Webpack提取页面公共资源
    1.利用html-webpack-externals-plugin分离基础库在做React开发时,经常需要引入react和react-dom基础库,这样在打包的时候速度就会比较慢,这种情况下我们可以将这些基础库忽略......
  • Webpack自动清理打包目录
    Webpack在打包的时候,会在指定输出文件夹下面生成打包文件,但是上次打包的文件不会自动清理掉,每次手动删除会比较麻烦,为此,我们需要有一个自动清理的功能。常见的自动清理方式......
  • 区块链安全前传之从Web3.0到创造自己的数字货币
    互联网发展的三个阶段web1.0静态页面,内容只能供用户去阅读,类似于在网络上读报纸或者看书。web2.0动态互联网,实现用户之间的互动,比如twitter,facebook,titok等。web2.0中......
  • Java web.xml之contextConfigLocation作用案例详解
    在WEB.xml中通过contextConfigLocation配置spring,contextConfigLocation参数定义了要装入的Spring配置文件。部署applicationContext.xml文件        如果不......