Flask学习之旅——2.5 include和set语句

Flask学习之旅——2.5 include和set语句

前言

include标签

什么是include标签?

  • include语句可以把一个模板引入到另外一个模板中,类似于把一个模板的代码copy到另外一个模板的指定位置
  • include语句可以让我们少写重复的代码,例如页面头部和底部是很多页面要用的样式,我们可以把这部分的代码提取到一个新文件里,然后使用include语句调用就可以直接使用了,避免了每个页面都要重新写公共部分的情况发生。

语法

{% include 'header.html' %}
	主体内容
{% include 'footer.html' %}

栗子

headers.html

<style>
   样式
</style>
<div class="header">
    <ul class="nav-group">
        <li><a href="#">新闻</a></li>
        <li><a href="#">音乐</a></li>
    </ul>
</div>

footers.html

<style>
   样式
</style>
<div class="footer">
    <p>页面底部</p>
</div>

将公共部分提取出以后在调用的地方只需要用include标签调用即可:

index.html

{% from 'macros/forms.html' import input %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    {% include 'index/headers.html' %}
       <p>这是首页</p>
    {% include 'index/footers.html' %}
</body>
</html>

如果还有一个详情页,那么只需要:

detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Detail</title>
</head>
<body>
    {% include 'index/headers.html' %}
        <p>这是详情页</p>
    {% include 'index/footers.html' %}
</body>
</html>

赋值(set)语句

内部传参与外部传参

  • 内部传参指的是通过从HTML内部set语句传参。
  • 外部传参指的是通过py文件**context关键字传参。

全局变量与局部变量

  • 全局变量

    • 指的是在整个HTML中都会用到的

    • 语法:

      {% set name='lv' %}
      

      以后就可以使用name来代替lv这个值了,同时,也可以给他赋值为列表和元组:

      {% set navigation = [('index.html', 'Index'), ('about.html', 'About')] %}
      
  • 局部变量

    • 用with包裹起来,在局部起作用

    • 语法:

      {% with %}
          {% set foo = 42 %}
          {{ foo }}           foo is 42 here
      {% endwith %}
      

      也可以在with的后面直接添加变量,比如以上的写法可以修改成这样:

      {% with foo = 42 %}
          {{ foo }}
      {% endwith %}
      

      这两种方式都是等价的,一旦超出with代码块,就不能再使用foo这个变量了。

  • 赋值语句创建的变量在其之后都是有效的

  • 如果不想让一个变量污染全局环境,可以使用with语句来创建一个内部的作用域,将set语句放在其中,这样创建的变量只在with代码块中才有效。

栗子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {% set  username = '小吕' %}
    <p> 全局:{{ username }} </p>
    {% with username = '局部小吕' %}
        <p> 局部:{{ username }} </p>
    {% endwith %}
    <p> 全局:{{ username }} </p>
</body>
</html>

结果

全局:小吕
局部:局部小吕
全局:小吕
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

未来程序猿小吕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值