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="">

猜你喜欢

转载自blog.csdn.net/Accept1234/article/details/83472370