Flask學習筆記(三)
阿新 • • 發佈:2018-12-18
繼承和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="">