模板

​ flask使用jinja2渲染模板。

render_template()

​ render_template('*.html',引數)方法可以讓檢視函式返回一個模板，就是HTML頁面,模板的路徑預設從template開始查詢。render_template_string()用來渲染字串。

向模板傳遞引數

​ 在前端頁面中有許多引數據需要由後端傳遞，在html頁面中用{{ }}為資料預留位置。render_template()傳遞引數的方式有兩種：

#test.html頁面
<p>{{ name }}</p>
<p>{{ age }}</p>

#檢視函式中：   
 

#第一種方式：以鍵值對方式#
def func():            
    return render_template('test.html', name='Tom', age=19)
#第二種：字典引數#
def func()：
    args={'name':'Tom', 'age':19}
     return render_template('test.html', **args)   

模板中的流程語句：for，if

​ 在模板中也可以使用佛for語句和if語句，使用語法和在python中一樣，但是for和if的語句要放在{% %}中。

#html中
 

{% if 條件 %}
    html語句
{% else %}
    html語句
{% endif %}


{% for i in 可遍歷的物件 %}
    html語句
{% endfor %}

過濾器

1. 過濾器可以處理變數，把原始的變數處理後展示出來。

2. 語法：{{avatar|default('xxxx')}}

3. 常用過濾器：

   • default過濾器：如果當前變數未被定義，這時候可以指定預設值。
   • length過濾器：求變數(列表字串陣列字典等)的長度
   • capitaliz: 字母字串首字母大寫
   • lower: 全部小寫
   • trim: 去除字串前後的空白字元
   • reverse：字串反轉
   • format(): 格式化輸出。

4. 自定義過濾器

   ​ 過濾器其實就是一個函式而已，所以當內建過濾器無法滿足需要時，可以自定義過濾器。

#首先定義一個函式
def func(l):
    return l[:3]          #返回傳入列表的前三個值
#如何把這個函式變成一個過濾器呢？
#第一種方法，使用flask應用物件那個提供的“add_template_filter方法
app.add_template_filter(func,'func') #第一個引數為過濾器函式名，第二個引數為過濾器的名稱，我們在模板中使用時就是使用則個名稱

#第二種方法，使用裝飾器，在定義函式時，新增上裝飾器就可以了
@app.template_filter('func[過濾器名]')
def func():
    pass

block-繼承的用法

block是用來讓子類html模板繼承父類html模板的東西。把一些公共的程式碼放在父模板中，避免每個模板寫同樣的程式碼

{% extends 'xxx.html' %}   #繼承xxx.html模版
#在父模板中：
{% block name(介面名) %}{% endblock %}     #為子html留下介面以便子模板新增內容

#子模板中：
{% block name(介面名) %}
    程式碼體
{% endblock %}                  #在子模板中使用介面

載入靜態檔案

url_for('static', filename='路徑') flask載入靜態檔案是從static檔案開始查詢的

<img src="{{ url_for('static',filename='*.jpg' }}">

flask獨有的標籤內容

+定義變數

set定義的變數在頁面內有效，with定義的變數只在with中有效

{% set name='Tom' %}

{% with age=20 %}
    變數age: {{ age }}
{% endwith %}

+巨集定義：macro

#在巨集定義的頁面中定義，以macro.html為例
{% macro myinput(name, value='', type='text') %}
    <input type="{{ type }}" name="{{ name }}" value="{{ value }}">
{% endmacro %}

#在其他頁面中引用
{% from 'macro.html' import myinput %}
<h4>登陸表單</h4>
<form action="">
    使用者名稱:{{  myinput('username') }}<br>
    密  碼:{{ myinput('password', type='password') }}
</form>

錯誤頁面定製

@app.errorhandler(404)
def page_not_found(e):
    return render_template('404.html')