flask学习笔记4-jinja2模版

1. 模版基本使用语法

基本传键值对的方式不做介绍,直接上一个传字典的demo:

字典的值可以是任何python的基本类型(字符串、数值、list、dict)

flask模版demo
模版html文件


2. 过滤器

2.1 字符串filter

safe:禁用转义;处理xss攻击

    {{ 'hello' | safe }}

capitalize:把变量值的首字母转成大写,其余字母转小写;

    {{ 'hello' | capitalize }}

lower:把值转成小写;

    {{ 'HELLO' | lower }}

upper:把值转成大写;

    {{ 'hello' | upper }}

title:把值中的每个单词的首字母都转成大写;

    {{ 'hello' | title }}

trim:把值的首尾空格去掉;

    {{ ' hello world ' | trim }}

reverse:字符串反转;

    {{ 'olleh' | reverse }}

format:格式化输出;

    {{ '%s is %d' | format('name',17) }}

striptags:渲染之前把值中所有的HTML标签都删掉;

    {{ 'hello' | striptags }}


2.2 链式过滤

    <p>{{ “hello world  “ | trim | upper }}</p>


2.3 列表过滤器

first:取第一个元素

    {{ [1,2,3,4,5,6] | first }}

last:取最后一个元素

    {{ [1,2,3,4,5,6] | last }}

length:获取列表长度

    {{ [1,2,3,4,5,6] | length }}

sum:列表求和

    {{ [1,2,3,4,5,6] | sum }}

sort:列表排序

    {{[6,2,3,1,5,4] | sort }}


2.4 自定义过滤器

自定义的过滤器名称如果和内置的过滤器重名,会覆盖内置的过滤器。

方式一:通过add_template_filter (过滤器函数,模板中使用的过滤器名字)

def filter_double_sort(ls):

   return ls[::2]

app.add_template_filter(filter_double_sort,'double_2')

方式二:通过装饰器  app.template_filter (模板中使用的装饰器名字)

@app.template_filter('db3')

def filter_double_sort(ls):

   return ls[::-3]


3. 表单

使用Flask-WTF表单扩展,可以帮助进行CSRF验证,帮助我们快速定义表单模板,而且可以帮助我们在视图中验证表的数据

pipinstall Flask-WTF

3.1 不使用Flask-WTF扩展

模版文件:

<form method='post'>

    <input type="text"

name="username" placeholder='Username'>

    <input type="password"

name="password" placeholder='password'>

    <input type="submit">

</form>

Flask视图程序:

from flask importFlask,render_template,request


@app.route('/login',methods=['GET','POST'])

def login():

   if request.method == 'POST':

       username = request.form['username']

       password = request.form['password']

       print username,password

             return“success”

         else:

                   returnrender_template(“login.html”)


3.2 使用Flask-WTF扩展

需要设置 SECRET_KEY 的配置参数

模板页:

<form method="post">

       #设置csrf_token

       {{ form.csrf_token() }}

       {{ form.us.label }}

        <p>{{ form.us }}</p>

       {{ form.ps.label }}

        <p>{{ form.ps }}</p>

       {{ form.ps2.label }}

        <p>{{ form.ps2 }}</p>

        <p>{{ form.submit() }}</p>

       {% for x in get_flashed_messages() %}

           {{ x }}

       {% endfor %}

</form>

Flask视图程序:

rf#coding=utf-8

from flask import Flask,render_template,redirect,url_for,session,request,flash

#导入wtf扩展的表单类

from flask_wtf import FlaskForm

#导入自定义表单需要的字段

from wtforms importSubmitField,StringField,PasswordField

#导入wtf扩展提供的表单验证器

from wtforms.validators importDataRequired,EqualTo


app = Flask(__name__)

app.config['SECRET_KEY']='1'


#自定义表单类,文本字段、密码字段、提交按钮

class Login(Flask Form):

   us = StringField(label=u'用户:',validators=[DataRequired()])

   ps = PasswordField(label=u'密码',validators=[DataRequired(),EqualTo('ps2','err')])

   ps2 = PasswordField(label=u'确认密码',validators=[DataRequired()])

   submit = SubmitField(u'提交')


#定义根路由视图函数,生成表单对象,获取表单数据,进行表单数据验证

@app.route('/',methods=['GET','POST'])

def index():

   form = Login()

   if form.validate_on_submit():

       name = form.us.data

       pswd = form.ps.data

       pswd2 = form.ps2.data

       print name,pswd,pswd2

       return redirect(url_for('login'))

   else:

       if request.method=='POST':

flash(u'信息有误,请重新输入!')


   return render_template('index.html',form=form)

if __name__ == '__main__':

   app.run(debug=True)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335