1. 程式人生 > >Flask學習筆記(三)

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