快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Flask_学习笔记_08:Flask中的过滤器-创新互联

在很多blog的网站中,如果你注册之后,登录进去,都有一个头像,而且你会发现即使你没有设置自己的头像,也会有一个默认的头像出现。比如51cto blog,如果博主没有特别设置自己的头像,那么系统会默认显示下面的白熊头像:
Flask_学习笔记_08: Flask中的过滤器

目前成都创新互联公司已为近千家的企业提供了网站建设、域名、网站空间成都网站托管、企业网站设计、凌海网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

如果设置了头像,那就会显示博主自定义的那个头像,像本人的就是自定义设置的,显示如下:
Flask_学习笔记_08: Flask中的过滤器
Flask_学习笔记_08: Flask中的过滤器

这个在Flask当中很好实现,用一个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时,加上一个图片的参数和图片地址就OK。再来看看HTML中的代码,

HTML代码:




    
    Title


    


在HTML中,直接用img标签,src设置成.py中的变量,然后重点来了,直接用default过滤器+一个管道符号+括号赋值即可,格式如下:
var_name | default("image location")
是不是很简单?来看看效果,注意:.py代码中图片没有地址,是用的default过滤器中的地址,运行效果如下:
Flask_学习笔记_08: Flask中的过滤器

如果加上avatar这个变量参数,也就是说用户自定义了一个头像,那么前端页面要显示这个自定义头像的。.py代码里加上头像参数:

return render_template('index.html', avatar='https://s5.51cto.com//wyfs02/M00/8E/4F/'
                                                'wKiom1i84UPQpMOWAAAyWIOlDIo072_middle.jpg')

实际效果如下:
Flask_学习笔记_08: Flask中的过滤器

这是default过滤器,下面我们再来看另外一个length过滤器,那什么时候会用到length过滤器呢?在一些有评论的网站中,每篇文章下面都会有评论数显示吧?这个时候,就是用length过滤器的最好场景。

假如现在.py中有3条评论,那这个评论应该有谁发表的评论:user,发表了什么样的评论:content评论内容。
.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


    

评论数({{ comments|length }})

所以跟之前的代码相比,其实就多了一行:

评论数({{ comments | length }})


这个length过滤器其实就是对前面变量求长度,comments是一个list。

运行效果如下:
Flask_学习笔记_08: Flask中的过滤器
有点儿意思了吧!那下一步我们来实现显示评论者和评论内容,其实也很简单,用上一节学到的for循环,来遍历comments这个list,就可以喽!代码如下:




    
    Title


    

评论数({{ comments|length }})

其实就是在原来的基础上,加了一个

  • 标签,来格式化显示评论者,评论内容。实际效果如下:
    Flask_学习笔记_08: Flask中的过滤器

    好了,今天就到这里。今天学习了:

    • default过滤器,格式:var_name | default ( ' default value ')
    • length过滤器,格式:var_name | length

    另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    网页标题:Flask_学习笔记_08:Flask中的过滤器-创新互联
    浏览地址:http://6mz.cn/article/ddcjss.html

其他资讯