一、过滤器

safe：禁用转义；

<p>{{ '<em>hello</em>' | safe }}</p>

capitalize：把变量值的首字母转成大写，其余字母转小写；

<p>{{ 'hello' | capitalize }}</p>

lower：把值转成小写；

<p>{{ 'HELLO' | lower }}</p>

upper：把值转成大写；

<p>{{ 'hello' | upper }}</p>

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

<p>{{ 'hello' | title }}</p>

trim：把值的首尾空格去掉；

<p>{{ ' hello world ' | trim }}</p>

reverse:字符串反转；

<p>{{ 'olleh' | reverse }}</p>

format:格式化输出；

<p>{{ '%s is %d' | format('name',17) }}</p>

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

<p>{{ '<em>hello</em>' | striptags }}</p>

first：取第一个元素

<p>{{ [1,2,3,4,5,6] | first }}</p>

last：取最后一个元素

<p>{{ [1,2,3,4,5,6] | last }}</p>

length：获取列表长度

<p>{{ [1,2,3,4,5,6] | length }}</p>

sum：列表求和

<p>{{ [1,2,3,4,5,6] | sum }}</p>

sort：列表排序

<p>{{ [6,2,3,1,5,4] | sort }}</p>

二、自定义过滤器

　　1、定义函数方式

@app.route("/")

def index():

    data = [1,2,3,4,5]

    return render_template("index.html", data=data)

# 1、定义过滤器

def list(li):

    # 1,3,5

    return li[::2]

# 2、注册过滤器

# to_list是模板中使用的名字

app.add_template_filter(list, "to_list")

　　2、使用装饰器方式

@app.template_filter("to_list")

def list(li):

    # 1,3,5

    return li[::2]

使用：{{data | to_list}}

三、Flask-WTF表单扩展

WTForms支持的HTML标准字段

字段对象 说明
StringField 文本字段
TextAreaField 多行文本字段
PasswordField 密码文本字段
HiddenField 隐藏文本字段
DateField 文本字段，值为datetime.date格式
DateTimeField 文本字段，值为datetime.datetime格式
IntegerField 文本字段，值为整数
DecimalField 文本字段，值为decimal.Decimal
FloatField 文本字段，值为浮点数
BooleanField 复选框，值为True和False
RadioField 一组单选框
SelectField 下拉列表
SelectMultipleField 下拉列表，可选择多个值
FileField 文本上传字段
SubmitField 表单提交按钮
FormField 把表单作为字段嵌入另一个表单
FieldList 一组指定类型的字段

WTForms常用验证函数

验证函数 说明
DataRequired 确保字段中有数据
EqualTo 比较两个字段的值，常用于比较两次密码输入
Length 验证输入的字符串长度
NumberRange 验证输入的值在数字范围内
URL 验证URL
AnyOf 验证输入值在可选列表中
NoneOf 验证输入值不在可选列表中 
pip install flask-wtf
from flask import Flask, redirect, request, url_for, render_template, session

from flask_wtf import FlaskForm

from wtforms import StringField, PasswordField, SubmitField

from wtforms.validators import DataRequired, EqualTo

# 创建flask应用对象

# __name__ 代表当前模块名称

# flask以当前目录为总目录，static目录为静态目录，templates为模版目录

app = Flask(__name__)

app.config["SECRET_KEY"] = "yang"

# 定义表单模型类

class RegisterForm(FlaskForm):

    # DataRequired 设置数据必填

    username = StringField(label=u"用户名：", validators=[DataRequired(u"请输入用户名")])

    password = PasswordField(label=u"密码", validators=[DataRequired("请输入密码")])

    password2 = PasswordField(label="确认密码", validators=[DataRequired("请输入秘密"), EqualTo("password", "两次密码不一致")])

    submit = SubmitField(label=u"注册")

@app.route("/")

def index():

    user_info = session.get("user_info")

    return str(user_info)

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

def register():

    # 如果是post，会把前端返回的数据放到form中

    form = RegisterForm()

    # 验证表单数据是否合格

    if form.validate_on_submit():

        # 验证合格, 提取数据

        username = form.username.data

        password = form.password.data

        print("username: %s, password=%s" % (username, password))

        session["user_info"] = {"username": username, "password": password}

        return redirect(url_for("index"))

    return render_template("register.html", form = form)

if __name__ == '__main__':

    # 启动应用程序

    app.run(port=8083,debug=True)
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="" method="post">

    {{form.csrf_token}}

    {{form.username.label}}

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

    {% for msg in form.username.errors %}

        <p>{{msg}}</p>

    {% endfor %}

    {{form.password.label}}

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

    {% for msg in form.password.errors %}

        <p>{{msg}}</p>

    {% endfor %}

    {{form.password2.label}}

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

    {% for msg in form.password2.errors %}

        <p>{{msg}}</p>

    {% endfor %}

    {{form.submit}}

</form>

</body>

</html>

四、宏

将重复的代码定义成宏。

1、不带参数定义宏

{% macro input() %}

  <input type="text"

         name="username"

         value=""

         size="30"/>

{% endmacro %}

{{ input() }}

2、定义带参数的宏

{% macro input(name,value='',type='text',size=20) %}

    <input type="{{ type }}"

           name="{{ name }}"

           value="{{ value }}"

           size="{{ size }}"/>

{% endmacro %}

{{ input(value='name',type='password',size=40)}}

3、把宏单独抽取出来，封装成html文件，其它模板中导入使用

文件名可以自定义macro.html

{% macro function() %}

    <input type="text" name="username" placeholde="Username">

    <input type="password" name="password" placeholde="Password">

    <input type="submit">

{% endmacro %}

在其它模板文件中先导入，再调用

{% import 'macro.html' as func %}

{% func.function() %}

五、模版的继承与包含

extends 与 include

　　

Flask框架 之模版的更多相关文章

  1. python flask框架 tempates 模版的使用

    在py文件同级下 建立templates文件夹,再文件夹中编写html文件 1 向模版中传递参数: ''' 1 向模板传送 参数 ''' @app.route('/') def index(): na ...

  2. python web开发之flask框架学习(2) 加载模版

    上次学习了flask的helloword项目的创建,这次来学习flask项目的模版加载: 第一步:创建一个flask项目 第二步:在项目目录的templates文件夹下创建一个html文件 第三步: ...

  3. Flask 框架入门

    Flask Flask是一个使用 Python 编写的轻量级 Web 应用框架.其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2 . 安装 Flask 依赖两个外部库, We ...

  4. Linux ubantu中安装虚拟／使用环境virtualenv以及python flask框架

    今天学习了python flask框架的安装过程以及使用案例,感觉网上讲的东西都没有从我们这种初学者的角度去考虑(哈哈),最后还是奉上心得: 1.安装virtualenv $ sudo apt-get ...

  5. Flask框架从入门到实战

    Flask简介: Flask是一个使用 Python 编写的轻量级 Web 应用框架,基于 WerkzeugWSGI工具箱和 Jinja2模板引擎.使用 BSD 授权. Flask也被称为 " ...

  6. python高级之Flask框架

    目录: Flask基本使用 Flask配置文件 Flask路由系统 Flask模版 Flask请求与响应 Flask之Session Flask之蓝图 Flask之message 中间件 Flask插 ...

  7. python web开发之flask框架学习(1) 创建flask项目

    python 开发越来越火,作为菜鸟,也应该学习一下,感觉还可以,记录下来,方便学习参考. 不管做什么开发首先肯定是安装环境,这里我用的是pycharm,python3.如果不清楚怎么安装环境可以去网 ...

  8. Flask框架简介

    Flask框架诞生于2010年,是Armin ronacher 用python语言基于Werkzeug工具箱编写的轻量级Web开发框架! Flask本身相当于一个内核,其他几乎所有的功能都要用到扩展. ...

  9. Flask框架知识点整合

    Flask 0.Flask简介 Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收ht ...

随机推荐

  1. POJ - 3177 Redundant Paths（边双连通分支）（模板）

    1.给定一个连通的无向图G,至少要添加几条边,才能使其变为双连通图. 2. 3. //边双连通分支 /* 去掉桥,其余的连通分支就是边双连通分支了.一个有桥的连通图要变成边双连通图的话, 把双连通子图 ...

  2. 《Image-to-Image Translation with Conditional Adversarial Networks》论文笔记

    出处 CVPR2017 Motivation 尝试用条件GAN网络来做image translation,让网络自己学习图片到图片的映射函数,而不需要人工定制特征. Introduction 作者从不 ...

  3. CentOS7.5 -- Ansible部署与应用

    第1章 Ansible概述 Ansible是一个配置管理系统configuration management system python 语言是运维人员必须会的语言 ansible 是一个基于pyth ...

  4. Linux 常用命令十六 文件权限管理

    一.ls -l 各段含义 wang@wang:~/workpalce/threading$ ls -l 总用量 drwxrwxr-x wang wang 12月 : a -rw-rw-r-- wang ...

  5. bzoj 2087: [Poi2010]Sheep【凸包+极角排序+dp】

    首先处理处理出来哪些边能连--能把羊分成两个偶数部分的,实现是在凸包上枚举极点,极角排序,枚举凸包上点对判断两边羊的个数的奇偶即可,设可以连边为v[i][j]=1 然后设f[i][j]为从i到j个凸包 ...

  6. Ocelot（九）- 教你如何配置Ocelot？

    配置 可以在此处找到示例配置.配置有两个部分.一组ReRoutes和一个GlobalConfiguration.ReRoutes是告诉Ocelot如何处理上游请求的对象.全局配置有点hacky并允许覆 ...

  7. 暑期训练狂刷系列——poj 3468 A Simple Problem with Integers （线段树+区间更新）

    题目连接: http://poj.org/problem?id=3468 题目大意: 给出n个数,有两种操作: 1:"C a b c",[a,b]中的每一个数都加上c. 2:&qu ...

  8. _bzoj1026 [SCOI2009]windy数【数位dp】

    传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=1026 数位dp果断记忆化搜索,代码量少~ 程序里我用11代表前导零. #include &l ...

  9. DP(递归打印路径) UVA 662 Fast Food

    题目传送门 题意:n个饭店在一条直线上,给了它们的坐标,现在要建造m个停车场,饭店没有停车场的要到最近的停车场,问所有饭店到停车场的最短距离 分析:易得区间(i, j)的最短距离和一定是建在(i + ...

  10. Android中集成第三方支付

    常见的第三方支付解决方案 支付宝支付 微信支付 银联支付 Ping++统一支付平台(需要继承服务器端和客户端) 短信支付 支付宝的集成流程 相关资料链接: 支付宝支付指引流程:支付指引流程 支付宝An ...