1、模板的使用

Flask使用的是Jinja2模板，所以其語法和Django無太大差別
Flask中模板里面，執行函數時，需要帶（）才執行

1.為了防止xss攻擊，加了驗證，所以頁面上顯示字符串的形式，解決辦法，有兩種方法
方法一：在后端使用Markup，等價于Django里的mark_safe

          
             v = Markup("
            
            ")

          
        

方法二：在前端使用safe

          
             {{ v1|safe }}

          
        

2.靜態文件的兩種導入方式
目錄結構：

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

2、自定義模板方法

Flask中自定義模板方法的方式和Bottle相似，創建一個函數并通過參數的形式傳入render_template，

run.py

          
            from flask import Flask,url_for,render_template,Markup
app = Flask(__name__)

def test(a,b):    #自定義的標簽，此方法在使用時，需要在render_temlate中傳入到指定以頁面使用
    return a+b

@app.template_global()   # 不需要傳入，可直接在頁面使用
def sb(a1, a2):
    return a1 + a2 + 100


@app.template_filter()    #不需要傳入，使用時要在一個值（此值作為第一個參數傳入到過濾器中）的后面加入|，然后再加參數
def db(a1, a2, a3):
    return a1 + a2 + a3

@app.route('/index')
def index():
    v1 = "字符串"
    v2 = [11,22,33]
    v3 = {"k1":"v3","sdf":"sdgfgf"}
    v4 = "
            
            "
    v5 = Markup("
            
            ")
    return render_template("index.html",v1=v1,v2=v2,v3=v3,v4=v4,v5=v5,test=test)

if __name__ == '__main__':
    app.run(debug=True)

          
        

index.html

          
            
            
            
            
            


{{ v1 }}

            

              
    {% for foo in v2 %}
       
              

                {{ foo }}
              
              
    {% endfor %}
    {{ v2.1 }}

    {% for k,v in v3.items() %}
    
              

                {{ k }} {{ v }}
              
              
    {% endfor %}
    {{ v3.k1 }}
    {{ v3.get("k1") }}

    {{ v4|safe }}
    {{ v5 }}

    
              

                {{ test(1,2) }}
              
              

                {{ sb(1,2) }}
              
              

                {{ 1| db(2,3) }}
              
            
          
        

PS:模板繼承的方法和django的一樣。

3.宏

只有定義的東西在很多地方去使用的時候才去用它,

html

          
            {% macro xx(name, type='text', value='') %}
    
            
            
            
            

{% endmacro %}

{{ xx('n1') }}

          
        

相當于在頁面上定義了一個名為xx的'函數'，這個函數接收3個參數，我們給type和value寫上了默認值，此時調用，我們還需要傳入一個參數，我們此時傳入了一個n1，則

頁面上會生成3個input框，name都為n1