from flask import Flask,Markup,render_template,request,redirect

from wtforms.form import  Form

from wtforms.fields import core

from wtforms import widgets

#插件

class Widget(object):

    pass

class TextInput():

    def __call__(self, *args, **kwargs):

        return "<input type='text' name='name'/>"

class TextErea():

    def __call__(self, *args, **kwargs):

        return '<textarea name="email"> </textarea>'

#字段

class Field():

    def __str__(self):

        return Markup(self.widget())

class StringField(Field):

    widget=TextInput()

    def validate(self,data):

        if data:

            return True

class EmailField(Field):

    widget=TextErea()

    def validate(self,data):

        reg = ".*@.*"

        import re

        if re.match(reg,data):

            return True

#Form

class BaseForm(object):

    def __init__(self,*args,**kwargs):

        _fields={}

        for name,field in self.__class__.__dict__.items():

            if isinstance(field,Field):

                _fields[name]=field

        self._fields=_fields

        self.data={}

    def validate(self,form_data):

        flag=True

        for name,field in self._fields.items():

            input_val=form_data.get(name,'')

            result=field.validate(input_val)

            if not result:

                flag=False

            else:

                self.data[name]=input_val

        return flag

class LoginForm(BaseForm):

    name=StringField()

    email=EmailField()

app=Flask(__name__)

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

def login():

    if request.method=='GET':

        form=LoginForm()

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

    else:

        form=LoginForm()

        if form.validate(request.form):

            print('login success')

            return 'hello'

        return redirect('/login')

if __name__ == '__main__':

    app.run()
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

<form  method="post">

   {{ form.name }}

    {{ form.email }}

    <input type="submit">

  </form>

</body>

</html>

根据源码可以看出，实际上请求的流程可以分为三个大类:Form，插件Widget,,字段Field，用到的更多是面向对象的知识

基于wtforms源码实现自定义form组件的更多相关文章

  1. 基于Django Form源码开发自定义Form组件

    import copy import re class ValidateError(Exception): def __init__(self, detail): self.detail = deta ...

  2. 仿照wtform自定义Form组件

    仿照wtforms自定义Form组件 1.wtforms 点击查看源码分析及使用方法 2.自定义Form组件 #!usr/bin/env python # -*- coding:utf-8 -*- f ...

  3. 自定义Form组件

    一.wtforms源码流程 1.实例化流程分析 # 源码流程 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  4. Flask学习【第10篇】：自定义Form组件

    wtforms源码流程 实例化流程分析 1 # 源码流程 2 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  5. Flask系列（十）自定义Form组件

    一.wtforms源码流程 1.实例化流程分析 # 源码流程 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  6. Flask之wtforms源码分析

    一.wtforms源码流程 1.实例化流程分析 # 源码流程 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  7. Flask【第10篇】：自定义Form组件

    自定义Form组件 一.wtforms源码流程 1.实例化流程分析 1 # 源码流程 2 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: ...

  8. Android菜鸟的成长笔记（6）——剖析源码学自定义主题Theme

    原文:Android菜鸟的成长笔记(6)--剖析源码学自定义主题Theme 还记得在Android菜鸟的成长笔记(3)中我们曾经遇到了一个问题吗?"这个界面和真真的QQ界面还有点不同的就是上 ...

  9. 修改VCL源码实现自定义输入对话框

    来自:https://yq.aliyun.com/wenji/88428 通过修改VCL源码实现自定义输入对话框 在BCB中有两个函数可以实现输入对话框:InputBox和InputQuery,其实I ...

随机推荐

  1. web 前端 转盘界面

    http://www.cnblogs.com/arfeizhang/p/turntable.html "如果有个做转盘的需求,你准备怎么做?设计师只会提供一个转盘的图片,其余都需要你完成,不 ...

  2. React-Native 样式指南

    https://github.com/doyoe/react-native-stylesheet-guide

  3. linux使用常见问题

    出现RTNETLINK answers: File exists 同时出现connect:network is unreachable 和 Determining IP information for ...

  4. Hadoop1.2.1 HDFS原理

    基本以图片的形式呈现给大家: .

  5. jQuery插件手把手教会（一）

    jQuery插件开发教程  ——让你的jQuery水平提升一个台阶 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台 ...

  6. ArcGIS GP应用-GP模型创建-缓冲区分析

    一.参考资料 http://www.cnblogs.com/HPhone/archive/2012/11/05/2755974.html 二.关键步骤 1.缓冲分析数据源可以选择:点.面.线 2.构建 ...

  7. Vim相关优化和配置

    升级pythonwget https://www.python.org/ftp/python/3.6.5/Python-3.6.5.tgztar -xvf Python-3.6.5.tgzcd Pyt ...

  8. 如何通过Keil将程序正确的下载进flash中

    前面介绍了一些创建工程和调试的基本步骤,在这里准备介绍一下如何正确的将Keil程序在仿真调试中下载到flash.这里再次涉及到了debug的窗口.   工具/原料   Keil uVision 4/5 ...

  9. 修改tomcat服务器默认端口号

    打开tomcat目录下conf目录下的server.xml,里面会有下面这样一段代码: <Connector port="8080" protocol="HTTP/ ...

  10. 四 Android Studio打包EgretApp (热更新)

    官网教程: http://developer.egret.com/cn/github/egret-docs/Native/native/hotUpdate/index.html 和Eclipse一样, ...