Flask学习笔记(三)

继承和block

1.继承作用和语法

  • 作用:可以把一些公共的代码放在父模板中, 避免每个模板写到同样的代码。
  • 语法:
#html
{% extends 'base.html' %}
#

2.block的实现:

  • 作用:可以让子模板实现一些自己的需求,父模板需要提前定义好
  • 注意点:子模板中代码,必须放在block块中。
#html
#父模板
<body>
<div class="nav">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">发布问答</a></li>
    </ul>
</div>
{% block main %}

{% endblock %}
#子模板
{% extends 'base.html' %}
{% block main %}
    <hl>这是首页</hl>
{% endblock %}

url链接

使用url_for(视图函数名称)可以反转成url.

#html
<li><a href="{{ url_for('index') }}">首页</a></li>
<li><a href="{{ url_for('login') }}">登录</a> </li>

加载静态文件:

1.语法:url_for('static', filename='路径')
2.静态文件:flask会从static文件夹中寻找,所以不需要写static这个路径。
3.可以加载css文件,可以加载js文件,还有image文件。

 <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
 <script src="{{ url_for('static', filename='js/index.js') }}"></script>
 <img src="{{url_for('static', filename='images/github.png')}}" alt="">
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值