摘要：模板模板引擎說明模板文件就是按照一定的規(guī)則書寫的展示效果的文件模板引擎就是負(fù)責(zé)按照指定規(guī)則進行替換的工具模板引擎選擇一渲染模板的方法將渲染的模板進行返回渲染字符串返回實例將模板內(nèi)容響應(yīng)給用戶渲染一內(nèi)容響應(yīng)給用戶原諒色二模板的語法模板中只存

說明：模板文件就是按照一定的規(guī)則書寫的展示效果的HTML文件 模板引擎就是負(fù)責(zé)按照指定規(guī)則進行替換的工具

模板引擎選擇jinja2

將渲染的模板進行返回

render_template()

渲染字符串返回

render_templates_string()

實例

@app.route("/")
def index():
    #將模板內(nèi)容響應(yīng)給用戶
    return render_template("index.html")
    #渲染一內(nèi)容響應(yīng)給用戶
    return render_template_string("
原諒色
")

模板中只存在倆種語法

變量

{{ var }}

#像模板文件中傳參
return render_template("index.html",title="首惡")
{{ title }}

標(biāo)簽

{% 標(biāo)簽名 %}

注意：

在模板中使用字典中的鍵 需要像使用對象得方式來調(diào)用
{{data.key}}

如果在模板中給定的變量不存在 則插入的是空字符串 不會報錯

過濾器使用管道符 | 來使用的

{{ var|abs }} 返回一個數(shù)值的絕對值

default 設(shè)置默認(rèn)值

只有當(dāng)給定的變量不存在時 則執(zhí)行默認(rèn)值

當(dāng)設(shè)置default的boolean的時候 會執(zhí)行默認(rèn)值

{{ data.bool|default("我是默認(rèn)值",boolean=True) }}

first: 取出變量中的第一個字符

last: 取出變量中的最后一個字符

format： 字符的格式化

{{ "我叫%s 我今年%d歲了 我的存款為 %.2f"|format("羅鐵漢",38,23) }}

length: 返回變量值的長度

join: 拼接成字符串

{{ [1,2,3,4]|join("") }}
{{ [1,2,3,4]|join("x") }}

safe: 不轉(zhuǎn)義標(biāo)簽 原樣顯示

lower 轉(zhuǎn)為小寫

upper 轉(zhuǎn)為大寫

replace 替換

{{ data.string|replace("a","x") }}

striptages 去除HTML標(biāo)簽

{{ data.html|striptags }}

語法格式 ：{% 標(biāo)簽名 %}

實例

{% if data.bool %}
        
{{ data.bool }}值為真
{% elif True %}
        
{{ True }}職位真
{% else %}
        
{{ data.bool }}值為假
{% endif %}

實例

{% for i in data.xxxx %}
{#  錯誤的迭代方法TypeError: "bool" object is not iterable #}
{#    {% for i in data.bool %}#}
        
{{ i }}
{% else %}
        
當(dāng)?shù)淖兞坎淮嬖跁r 則執(zhí)行else
{% endfor %}

注意：

break continue 不能夠在這里使用

迭代字典

{% for k,v in data.items() %}
     
{{ k }}=>{{ v }}
{% endfor %}

{# 多行注釋 #}

相當(dāng)于把一個文件 拷貝到當(dāng)前的你的包含的位置

實例

{% include "common/header.html" %}
我是中間的內(nèi)容
{% include "common/footer.html" %}

注意：

包含的公共的文件中 只存放 公共的代碼 除此以外什么都不要存在

導(dǎo)入的時候 如果文件和在同一級別 直接導(dǎo)入就可以 如果包含在某個目錄中 需要寫出路徑

{% include "common/header.html" %}
{% include "test.html" %}

?

概念： 類似python中的函數(shù)

實例

在macro.html中

{% macro input(name,type="text",value="") %}
    
{% endmacro %}

宏的調(diào)用

{{ input("text","username","") }}
{{ input() }} 
{{ input(type="password",name="userpass") }}

{% import "test.html" as test %}
{% import "common/test.html" as test %}
用戶名： {{ test.input(type="password",name="userpass") }}

{% from "test.html" import input %}
{% from "common/test.html" import input %}
用戶名： {{ input(type="password",name="userpass") }}

注意：

宏的調(diào)用只能在定義的下方去調(diào)用 否則未定義

宏如果存在形參 且沒有默認(rèn)值 則可以調(diào)用(沒意義)

形參的默認(rèn)值 需要遵循默認(rèn)值規(guī)則 有默認(rèn)值的參數(shù) 放右側(cè)

可以正常使用 關(guān)鍵字參數(shù)

語法：

{% extends %} 繼承某個模板

{% block %} 挖坑和填坑

{{ super() }} 調(diào)用被替換掉的代碼

base.html

{% block header %}
    
    {% block meta %}
    {% endblock %}
    
    
    {% block link %}
    {% endblock %}
    {% block script %}
    {% endblock %}
{% endblock %}


頭部
{% block con %}
    我是中間的內(nèi)容部分
{% endblock %}

index.html繼承 base.html

{% extends "common/base.html" %}
{% block title %}
我的首頁
{% endblock %}
{% block style %}
    {{ super() }}
    p{color:green;}
{% endblock %}
{% block con %}
我是首頁的內(nèi)容
    我是首頁的內(nèi)容
{% endblock %}

注意：

如果當(dāng)替換某個樣式的時候 所有原來的樣式 都消失了 去查看是否使用了super()

安裝

pip install flask-bootstrap

sudo pip3 install flask-bootstrap

使用

繼承 bootstrap/base.html 基礎(chǔ)模板 改造成適用于自己網(wǎng)站的base.html基礎(chǔ)模板

{% extends "bootstrap/base.html" %}
{% block navbar %}
    
{% endblock %}
{% block content %}
    

        {% block pagecontent %}
            網(wǎng)頁的中間內(nèi)容部分寫在當(dāng)前的位置
        {% endblock %}
    
{% endblock %}

使用 index.html

{% extends "common/base.html" %}
{% block title %}
首頁
{% endblock %}

@app.errorhandler(404)
def page_not_found(e):
    return render_template("common/error.html",error=e,code=404)

@app.errorhandler(500)
def server_error(e):
    return render_template("common/error.html",error=e,code=500)

{% extends "common/base.html" %}
{% block title %}
    {{ code }}錯誤
{% endblock %}
{% block pagecontent %}
    
{{ error }}
{% endblock %}

@app.route("/")
def index():
    return render_template("index.html",arg1=1,arg2=2...)

@app.route("/")
def index():
    return render_template("index.html",arg={arg1:1,arg2:2...})
    kwarg={arg1:1,arg2:2...}
    return render_template("index.html",``)

@app.route("/")
def index():
    g.name = "張三"
    g.age = 18
    return render_template("index.html")
模板中
    

        
{{ g.name }}
        
{{ g.age }}
    

@app.route("/")
def index():
    name = "張三"
    age = 18
    print(locals())
    return render_template("index.html",**locals())
模板中
{{ name }}
{{ age }}

@app.route("/test/")
def test():
    print(url_for("index",_external=True))
    return "test"

靜態(tài)資源：圖片，css，js，視頻，音頻，，

實例

flask入門3-表單