在很多blog的網(wǎng)站中，如果你注冊之后，登錄進去，都有一個頭像，而且你會發(fā)現(xiàn)即使你沒有設(shè)置自己的頭像，也會有一個默認(rèn)的頭像出現(xiàn)。比如51cto blog，如果博主沒有特別設(shè)置自己的頭像，那么系統(tǒng)會默認(rèn)顯示下面的白熊頭像：
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),安龍企業(yè)網(wǎng)站建設(shè),安龍品牌網(wǎng)站建設(shè),網(wǎng)站定制,安龍網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,安龍網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
如果設(shè)置了頭像，那就會顯示博主自定義的那個頭像，像本人的就是自定義設(shè)置的，顯示如下：
這個在Flask當(dāng)中很好實現(xiàn)，用一個default的過濾器就搞定了：
.py代碼如下：
重慶分公司
重慶分公司
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def hello_world():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
在.py代碼中，很簡單，在返回render_template時，加上一個圖片的參數(shù)和圖片地址就OK。再來看看HTML中的代碼，
HTML代碼：
Title
在HTML中，直接用img標(biāo)簽，src設(shè)置成.py中的變量，然后重點來了，直接用default過濾器+一個管道符號+括號賦值即可，格式如下：
var_name | default("image location")
是不是很簡單？來看看效果，注意：.py代碼中圖片沒有地址，是用的default過濾器中的地址，運行效果如下：
如果加上avatar這個變量參數(shù)，也就是說用戶自定義了一個頭像，那么前端頁面要顯示這個自定義頭像的。.py代碼里加上頭像參數(shù)：
return render_template('index.html', avatar='https://s5.51cto.com//wyfs02/M00/8E/4F/'
'wKiom1i84UPQpMOWAAAyWIOlDIo072_middle.jpg')實際效果如下：
這是default過濾器，下面我們再來看另外一個length過濾器，那什么時候會用到length過濾器呢？在一些有評論的網(wǎng)站中，每篇文章下面都會有評論數(shù)顯示吧？這個時候，就是用length過濾器的最好場景。
假如現(xiàn)在.py中有3條評論，那這個評論應(yīng)該有誰發(fā)表的評論：user，發(fā)表了什么樣的評論：content評論內(nèi)容。
.py代碼如下：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def hello_world():
comments = [
{
'user': 'uncleben',
'content': '贊一個'
},
{
'user': '張總',
'content': '很好，加油'
},
{
'user': '楊總',
'content': '很好，加油'
},
]
return render_template('index.html',comments = comments, avatar = "https://s5.51cto.com//wyfs02/M00/8E/4F/"
"wKiom1i84UPQpMOWAAAyWIOlDIo072_middle.jpg")
if __name__ == '__main__':
app.run(debug=True)HTML中的代碼：
Title
評論數(shù)（{{ comments|length }}）
所以跟之前的代碼相比，其實就多了一行：
評論數(shù)（{{ comments | length }}）
運行效果如下：
有點兒意思了吧！那下一步我們來實現(xiàn)顯示評論者和評論內(nèi)容，其實也很簡單，用上一節(jié)學(xué)到的for循環(huán)，來遍歷comments這個list，就可以嘍！代碼如下：
Title
評論數(shù)（{{ comments|length }}）
{% for comment in comments %}
-
{{ comment.user }}
{{ comment.content }}
{% endfor %}
其實就是在原來的基礎(chǔ)上，加了一個
標(biāo)簽，來格式化顯示評論者，評論內(nèi)容。實際效果如下：
好了，今天就到這里。今天學(xué)習(xí)了：
