flask===表單

阿新 • • 發佈：2018-11-17

一、巨集 macro

概述：
類似python中的函式
主體機構

{% macro 名稱([引數]...) %}
	...
{% endmacro %}

呼叫：

{{ 巨集名稱([引數...]) }}

製作一個表單巨集

{% macro form(con='',type='text',name='',value='') %}
    <p>{{ con }} <input type="{{ type }}" name='{{ name }}' value="{{ value }}"></p>
{% endmacro %} 

<form action="">
    {{ form('使用者名稱：',name='username') }}
    {{ form('密碼：','text','userpass') }}
    {{ form(type='submit',value='submit') }}
</form>

匯入：

(1) from … import …

{% from 'common/testmacro.html' import form %}
{{ form('密碼：','text','userpass') }}

(2) from … import … as …

{% from 'common/testmacro.html' import form as form%}
{{ form('密碼：','text','userpass') }}

(3) import … as …

{% import 'common/testmacro.html' as testmacro %}
{{ testmacro.form('使用者名稱：',name='username') }}

注意：

巨集的呼叫只能在下方呼叫
如果函式有形參則沒有實參則不傳第不報錯
定義巨集的引數時候形參預設值遵循預設值的規則幽預設值的放後面
關鍵字引數的使用和 python的函式一樣如果第一個引數使用關鍵字後面都要使用關鍵字如果第一個沒有使用關鍵字後面關鍵字可有可無

二、過濾器

概述

就是python中的函式在值輸出之前對其進行過濾在輸出

abs 絕對值
default 預設值預設情況下當變數不存在則執行預設值

{{ var|default(‘預設值’) }}

{{ var|default(‘預設值’，boolean=True) }} 變數不存在和bool的假都執行預設值
first 第一個值
last 最後一個值
format

{{ “我叫%s 我今年%d歲了我的存款是%.2f元我的格言是%s”|format(‘學委’,28,2222,‘放蕩不雞愛學習’) }}
length 長度
join 拼湊成字串
safe 安全的不轉義html程式碼
int 整形
float 浮點形
string 字串
list 列表
lower 小寫
upper 大寫
replace 替換
striptags 去除html標籤

自定義過濾器

需求：

我的文章內容在首頁展示的時候一旦超出了某個長度以後顯示為 …

例項

方法一

@app.template_filter()
def showEllipsis(Str,length=20):
    if len(Str) > length:
        Str = Str[:length]+'...'
    return Str

方法二

def showEllipsis(Str,length=20):
    if len(Str) > length:
        Str = Str[:length]+'...'
    return Str
#新增過濾器
app.add_template_filter(showEllipsis)

在模板中使用

<li>{{ Str|showEllipsis(30) }}</li>

三、檢視函式傳遞多個引數

(1) 普通傳參

@app.route('/')
def index():
    return render_template('index.html',title='首頁'...)

(2) 使用字典

@app.route('/')
def index():
    return render_template('index.html',con={'title':'首頁'...})
	return render_template('index.html',**{'title':'首頁'...})

(3) 使用locals函式

@app.route('/test_filter/')
def test_filter():
    title = '標題'
    con = '內容'
    # print(locals())
    return render_template('testfilter.html',**locals())

(4) 使用全域性變數g

from flask import g
@app.route('/test_filter/')
def test_filter():
    g.title = '標題'
    g.con = '內容'
    return render_template('testfilter.html')

使用

g.title
g.con

四、靜態資源載入

什麼是靜態資源：

css、js、images

目錄結構

project/
	templates/
    static/
    	img/
        css/
        js/
        upload/
     manage.py

變數

例項:

<img src="{{ url_for('static',filename='img/timg.jpeg',_external=True) }}" alt="">

Flask表單

一、原生表單

(1) 檢視函式

#允許post提交
@form.route('/do_form/',methods=['GET','POST'])
def do_form():
    if request.method == 'POST':
        print(request.form)
        print(request.form.get('username'))
        print(request.form.get('userpass'))
        return '資料提交過來了'
    return render_template('form.html')

(2) html程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>表單</h2>
<form action="{{ url_for('form.do_form') }}" method="post">
    <p>使用者名稱: <input type="text" name="username"></p>
    <p>密碼: <input type="password" name="userpass"></p>
    <p><input type="submit" value="submit"></p>
</form>
</body>
</html>

二、Flask-wtf擴充套件庫

概述：

是一個用於處理表單的擴充套件庫提供了表單校驗 csrf等功能

安裝：

pip3 install flask-wtf

常見欄位型別

欄位型別	說明
StringField	普通文字欄位
SubmitField	提交按鈕
PasswordField	密碼框
HiddenField	隱藏域
TextAreaField	多行文字域
DateField	日期
DateTimeField	日期和時間
IntegerField	整形
FloatField	浮點形
BooleanFIeld	布林形
RadioField	單選
SelectField	下拉
FileField	檔案上傳

常見表單驗證器

驗證器	說明
DateRequired	必填
Email	驗證郵箱
URL	驗證url地址
IPAddress	驗證IP地址
Length	長度限制 min 和max
NumberRange	值的範圍 min 和 max
EqualTo	驗證倆個欄位的值是否相同
Regexp	正則匹配

註冊類

manage.py

from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
from flask_wtf import FlaskForm #匯入表單基類
from wtforms import StringField,PasswordField,SubmitField #匯入欄位
from wtforms.validators import DataRequired,Email,Length,EqualTo #匯入驗證器
app = Flask(__name__)
app.config['SECRET_KEY'] = 'asd271basx.a2'
bootstrap = Bootstrap(app)
manager = Manager(app)
# 自定義表單類
class Register(FlaskForm):
    #name名 = 文字型別 text 引數1：為label 驗證器：部位空 值的長度範圍限制
    username = StringField('使用者名稱',validators=[DataRequired('使用者名稱不能為空！'),Length(min=6,max=12,message='使用者名稱為6～12位之間')])
    userpass = PasswordField('密碼',validators=[DataRequired('密碼不能為空！'),Length(min=6,max=12,message='密碼在6～12位之間')])
    confirm = PasswordField('確認密碼',validators=[DataRequired('確認密碼不能為空！'),Length(min=6,max=12,message='確認密碼在6～12位之間'),EqualTo('userpass',message='密碼和確認密碼不一致！')])
    email = StringField('郵箱',validators=[DataRequired('郵箱不能為空！'),Email(message='請輸入正確的郵箱地址')])
    submit = SubmitField('註冊')
@app.route('/register/',methods=['GET','POST'])
def register():
    form = Register() #例項化表單類
    #csrf和表單驗證器都通過了則為真
    if form.validate_on_submit():
        print(form.username.data)
        print(form.userpass.data)
        print(request.form)
        return '資料提交'
    return render_template('register.html',form=form)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>註冊類</h2>
<form action="" method="post">
    {{ form.csrf_token }}
    {#  取出label標籤 也就是你的使用者名稱  #}
    {{ form.username.label() }}
    {#  取出文字標籤  #}
    {{ form.username() }}
    {#  迴圈顯示錯誤資訊  #}
    {%  for err in form.username.errors %}
        <span style="color: red;">{{ err }}</span>
    {% endfor %}
    <br>
    {{ form.userpass.label() }}
    {{ form.userpass() }}
    {#  迴圈顯示錯誤資訊  #}
    {%  for err in form.userpass.errors %}
        <span style="color: red;">{{ err }}</span>
    {% endfor %}
    <br>
    {{ form.confirm.label() }}
    {{ form.confirm() }}
    {#  迴圈顯示錯誤資訊  #}
    {%  for err in form.confirm.errors %}
        <span style="color: red;">{{ err }}</span>
    {% endfor %}
    <br>
    {{ form.email.label() }}
    {{ form.email() }}
    {#  迴圈顯示錯誤資訊  #}
    {%  for err in form.email.errors %}
        <span style="color: red;">{{ err }}</span>
    {% endfor %}
    <br>
    {{ form.submit() }}
</form>
</body>
</html>

用封裝巨集來渲染

{% macro formMacro(formfield) %}
    <tr>
        <td>{{ formfield.label() }}</td>
        <td>{{ formfield() }}</td>
        <td>
            {% for err in formfield.errors %}
                <span>{{ err }}</span>
            {% endfor %}
        </td>
    </tr>
{% endmacro %}


<table>
<form action="" method="post">
{{ form.csrf_token }}
    {{ formMacro(form.username) }}
    {{ formMacro(form.userpass) }}
    {{ formMacro(form.confirm) }}
    {{ formMacro(form.email) }}
    <tr>
        <td>{{ form.submit() }}</td>
    </tr>
</form>
</table>

自定義表單驗證器

# 自定義表單驗證器 驗證username欄位的值
    def validate_username(self,field):
        # print(field.data)
        # print(self.username.data)
        if field.data == 'zhangsan':
            raise ValidationError('該使用者已存在 請重新輸入')

取出表單傳遞過來的值

request.form
form.屬性名.data
使用bootstrap快速渲染表單

{% extends 'common/base.html' %}
{% block pagecontent %}
    {% from 'bootstrap/wtf.html' import quick_form %}
    <div class="row">
        <div class="col-md-8">.col-md-8</div>
        <div class="col-md-4">{{ quick_form(form) }}</div>
    </div>
{% endblock %}

注意：
想要給欄位新增額外的屬性和值 render_kw

#name名 = 文字型別 text 引數1：為label 驗證器：部位空 值的長度範圍限制
    username = StringField('使用者名稱',validators=[DataRequired('使用者名稱不能為空！'),Length(min=6,max=12,message='使用者名稱為6～12位之間')],render_kw={'placeholder':'請輸入使用者名稱','minlength':6,'maxlength':12,'style':'color:red;'})

flask===表單

一、巨集 macro 概述：類似python中的函式主體機構 {% macro 名稱([引數]...) %} ... {% endmacro %} 呼叫： {{ 巨集名稱([引數...]) }} 製作一個表單巨集 {% macro form(con='',t

flask--表單

今天我說一下表單，提到表單就應該想起來flash閃現。 Web表單是Web應用程式的基本功能，他是HTML頁面中負責資料採集的部件。表單有三個部分組成：表單標籤，表單域，表單按鈕。表單允許使用者輸入資料，負責HTML頁面資料採集，通過表單將使用者輸入的資料提交給伺服器。在flask框架中使用表單我們可以

Flask入門之flask-wtf表單處理

color _for 驗證 sage 視圖 cnblogs 信息 jin boot 參考文章 1. 使用 WTForms 進行表單驗證第11集 #Sample.py # coding:utf-8 from flask import Flask,render_templ

Flask入門表單Flask-wtf form原生 Bootstrap渲染(七)

pat 接收數據功能 rom dir 繼承 gist 視圖 uic (1) 原生的表單模板頁面,form表單form.html <form action="{{ url_for(‘/check/‘) }}" method=‘post‘> <p&

Flask-WTF表單的使用

lose bug dem bmi register pre title ssi 如果使用flask的WTF表單 1 #! /usr/bin/env python 2 # *-* coding: utf-8 *-* 3 4 from flask import

三十三、python學習之Flask框架(五)模板:WTF表單、CSRF跨站請求偽造、模板特有函式&變數

一、WTF表單: 1.web表單: Web 表單是 Web 應用程式的基本功能。預設開啟CSRF保護功能它是HTML頁面中負責資料採集的部件。表單有三個部分組成：表單標籤、表單域、表單按鈕。表單允許使用者輸入資料，負責HTML頁面資料採集，通過表單將使用者輸入的資料提交給伺服器

flask的flask-wtf表單

一、安裝pip install flask-wtf 二、建立一個flask的專案引入相對應的包 from flask import Flask,render_template import flask #引入模組 from flask_wtf import FlaskForm,CsrfProte

flask學習：如何使用flask-wtf實現一個表單

使用flask-wtf實現表單分為以下幾步： 1.安裝flask-wtf擴充套件，並且匯入對應的方法 from flask_wtf import FlaskForm from wtforms import StringField, PasswordField,SubmitField

Flask——WTF表單

Web表單 Web表單是Web應用程式的基本功能。它是HTML頁面中負責資料採集的部件，表單有三個部分組成，表單標籤、表單域、表單按鈕。表單允許使用者輸入資料，負責HTML頁面資料採集，通過表單將使用者輸入的資料提交給伺服器。在Flask中，為了處理Web表單，我們可以使用Fl

Flask-wtf表單處理

Flask-wtf表單處理 1. 為什麼使用Flask-WTF？ request物件公開了所有客戶端傳送的請求資訊。特別是request.form可以訪問POST請求提交的表單資料。儘管Flask的r

flask(3)：表單處理

表單在網站中用於資料採集功能。在flask程式中，能夠滿足基本的資訊，比如request.form可以獲取post請求中提交的表單資料。可，當需要重複操作並驗證表單內容時，程式碼量會急劇增多，不易維護。 flask提供了專門處理表單的拓展：flask-WTF 一：

Flask模板表單

模板表單 flask-bootstrap 安裝: sudo pip3 install flask-bootstrap 使用 manage.py from flask_bootstrap import Bootstrap bootstrap = Bootstrap

flask框架表單模型Form並新增驗證

異常：ImportError: cannot import name ‘ForkingMixIn’ 示例（register.html） <!DOCTYPE html> <html lang="en"> <head> <meta

flask框架模板表單

示例（index.html） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>

flask外掛系列之Flask-WTF表單

flask_wtf是flask框架的表單驗證模組，可以很方便生成表單，也可以當做json資料互動的驗證工具，支援熱插拔。安裝 pip install Flask-WTF Flask-WTF其實是對wtforms元件的封裝，使其支援對flask框架的熱插拔。簡單使用 # app.py from flask

Flask：03-你離最美的web只差一個：bootstrap與表單

bootstrap與表單 Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷. Bootstrap提供了優雅的HTML和CSS規範，它即是由動態CS

Flask(python web) 處理表單和Ajax請求

1.處理表單（form）首先，編一個簡單的html登入頁面(名字為login.html(根路由jinjia2模板指定))： <html> <head> <meta charset="UTF_8"> <meat lang=

flask web開發（四） web表單 csrf，重定向

# -*- coding: cp936 -*- import os import sys import logging.config import flask import socket from flask import Flask,jsonify from flask i

Python進階(五十三)-Flask Web開發實現將表單渲染成HTML

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！ Python進階(五十三)-Flask Web來發實現將表單渲染成HTML 在利用Flask進行Python Web開發時，頁面中的wt

flask 4表單 2018年4日

在web程式中，表單是和使用者互動最常見的方式之一。使用者註冊登陸撰寫文章編輯設定無一不用到表單，建立表單驗證使用者輸入的內容向用戶顯示錯誤提示還要獲取並儲存資料 WTForms 是一個用Python編寫的表單庫 Flask-WTF 表單資料

flask===表單

一、巨集 macro

(1) from … import …

(2) from … import … as …

(3) import … as …

二、過濾器

三、檢視函式傳遞多個引數

(1) 普通傳參

(2) 使用字典

(3) 使用locals函式

(4) 使用全域性變數g

四、靜態資源載入

Flask表單

一、原生表單

(1) 檢視函式

(2) html程式碼

二、Flask-wtf擴充套件庫

常見欄位型別

相關推薦