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. c/c++学习之c++ 中的list <>容器

    http://blog.csdn.net/mazidao2008/article/details/4802617 push 实例化 即添加 http://www.cnblogs.com/BeyondA ...

  2. Loadrunner如何遍历一个页面中的url并进行访问?

    最近在网上到一个关于loadrunner遍历一个页面中的url并进行访问的脚本,就把它用我们自己的项目实践了一下,发现有一点不完善. 原始版本: Action(){char temp[64];int ...

  3. jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

    本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实 ...

  4. 多线程下的神奇的IOCP

    https://blog.csdn.net/lijia626482312/article/details/40858061 一个人从接到项目到昨天终于完成,用了差不多4个月,其中各种心酸和眼泪.我的项 ...

  5. JQuery------制作div模态框

    转载: http://blog.csdn.net/li_xiao_ming/article/details/6738922 如图: 代码: html(使用opacity的话content无法变为不透明 ...

  6. 概览C++之const

    1.C语言中const与 C++中的const void main() { const int a = 10; int *p = (int*)&a; *p = 20; printf(" ...

  7. 内存泄露，GC相关

    内存泄露就是对象不在GC的掌控之内 下面对象会发生内存泄露现象: 1.没有引用的对象 2.虚,软,弱 引用对象 GC引用的对象指的是 1.JavaStack中引用的对象 2.方法区中静态引用指向的对象 ...

  8. js(jQuery)相关随笔

    //获取所有name='id'.被选择的的多选框var idArr = $("input[type='checkbox'][name='id']:checked");//将这些多选 ...

  9. Android遍历SqlLite cursor对象：

    //1. Cursor c =...; for(c.moveToFirst(); ! c.isAfterLast(); c.moveToNext()){ //c… } //2. Cursor curs ...

  10. 160229-01、web页面常用功能js实现

    web页面常用功能js实现   1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');">< ...