首页 > 其他分享 >flask web 项目3 控制语句|模板继承|加载静态文件

flask web 项目3 控制语句|模板继承|加载静态文件

时间:2023-02-09 13:55:05浏览次数:40  
标签:语句 web child1 flask html static 模板 block 加载

#jinjia2模板前端控制语句

{% if age>18 %}

  代码语句

{% elif  age==18 %}

  代码语句

{% else %}

  代码语句

{% endif %}

 

#for循环

{% for book in books %}

  代码语句

 

{% endfor %}

#模板继承  如:导航条可以多个页面继承

1.需要创建父模版  base.html  如导航条

  # {% block title %} {% endblock %}   title为该block名字,即这个块语句的名

2.在子页面child1.html中首行{% extends "base.html" %}

  #block使用,block的部分各子页面可以根据实际需要改变

  # {% block title %} 自定义块语句{% endblock %}   title为该block名字

[email protected]("/child1")

 def child1():

    return render_template("child1.html")

 

 

#######加载静态文件

#加载图片

@app.route("/static")

def static_demo():

  return render_template("static.html")

在前端static.html

<img src="{{url_for('static',filename='路径/图片名')}}"  alt="">

#加载css文件

<head>

  <link rel="stylesheet" href="{{url_for("static",filename="路径/文件名"}}">

</head>

#js文件

如上所示

标签:语句,web,child1,flask,html,static,模板,block,加载
From: https://www.cnblogs.com/ylxb-1/p/17104817.html

相关文章

  • eas的handler里获取从web传来的对象数据
    这里解析有2种:第一种是可以直接获取key-value  第二种是获取对象 ......
  • 微信开放平台之第三方平台开发,模板小程序如何提交?
    大家好,我是悟空码字今天天气晴朗,阳光普照。因为疫情影响,小羊人的增多,街上放眼望去,人烟稀少。楼下除了几个十一二岁的小男孩在玩耍,也没有像往日老人悠闲打牌、小孩嬉戏那般......
  • flask web 项目3 jinjia2 模板|过滤器
    fromflaskimportFlask,render_templateapp=Flask(__name__) @app.route('/'):intid=12returnrender_template("index.heml")   #render_templat......
  • 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基础库,这样在打包的时候速度就会比较慢,这种情况下我们可以将这些基础库忽略......