Flask-WTF的使用

组织一个 Flask 项目通常需要遵循一定的结构,以便代码清晰、可维护。下面是一个典型的 Flask 项目结构:

python 复制代码
my_flask_app/
│
├── app/
│   ├── __init__.py
│   ├── models.py
│   ├── views.py
│   ├── forms.py
│   ├── templates/
│   │   ├── base.html
│   │   ├── index.html
│   └── static/
│       ├── css/
│       ├── js/
│       └── images/
│
├── migrations/
│
├── tests/
│   ├── __init__.py
│   ├── test_app.py
│
├── venv/
│
├── config.py
│
├── manage.py
│
├── requirements.txt
│
└── README.md

目录和文件说明

app/
  • __init__.py: 初始化 Flask 应用,注册蓝图和扩展。
  • models.py: 数据库模型定义。
  • views.py: 视图函数,处理路由和请求。
  • forms.py: 表单定义(如果使用 Flask-WTF)。
  • templates/: HTML 模板文件。
  • static/: 静态文件(CSS、JavaScript、图像等)。
migrations/
  • 数据库迁移文件夹,用于存储 Alembic 生成的迁移脚本。
tests/
  • 测试代码文件夹。
venv/
  • 虚拟环境文件夹。
config.py
  • 配置文件,存储应用配置变量。
manage.py
  • 管理脚本,用于启动应用和其他管理任务。
requirements.txt
  • 依赖文件,列出所有需要安装的 Python 包。
README.md
  • 项目说明文件,提供项目的基本信息和使用说明。

安装:

pip install Flask-WTF

一. 在 forms.py中

python 复制代码
# forms.py

from flask_wtf.file import (
    FileRequired,  # 文件验证
    MultipleFileField,  # 多文件字段
    FileAllowed, FileField, FileSize,  # 文件字段 文件验证
    FileStorage
)
from wtforms.fields import simple  # 导入字段
from wtforms import validators  # 导入验证器
from wtforms import widgets  # 导入组件
from wtforms.form import Form
from flask_wtf.form import FlaskForm, Form  # 导入form

""" 验证码 """
from flask_wtf import Form, RecaptchaField

""" URL """
from wtforms.fields import URLField
from wtforms.validators import url

""" 文件 """
from flask_wtf import file  # 文件
from flask_wtf import recaptcha  # 验证码
from flask_wtf.file import (FileRequired,  # 文件字段
                            MultipleFileField  # 多文件字段
                            )


class LoginForm(FlaskForm):
    username = simple.StringField("用户名", validators=[validators.Length(min=4, max=6, message="长度只能是4~6位"),
                                                        validators.DataRequired(),
                                                        validators.Regexp(r'\d+', message="只能是数字")],
                                  widget=widgets.TextInput())
    password = simple.PasswordField("密码", validators=[validators.Length(min=6, message="长度不能少于6位"),
                                                        validators.DataRequired()],
                                    widget=widgets.PasswordInput())
    confirm = simple.PasswordField('确认密码', validators=[validators.Length(min=6, message="长度不能少于6位"),
                                                           validators.DataRequired(),
                                                           validators.EqualTo("password",
                                                                              message="密码不一致")],
                                   widget=widgets.PasswordInput())
    submit = simple.SubmitField("登录")


class UserForm(FlaskForm, Form):
    username = simple.StringField('用户名',
                                  [validators.Length(min=4, max=25, message="长度最小不能少于4最大不能大于25"),
                                   validators.DataRequired(message="不能为空"),
                                   validators.Regexp(r'[A-Za-z0-9_\-\u4e00-\u9fa5]+')
                                   ], widget=widgets.TextInput(),
                                  render_kw={"class": "username"})

    email = simple.StringField('邮箱', [
        validators.Length(min=6, max=35)
    ], widget=widgets.EmailInput())

    password = simple.PasswordField('密码', [validators.Length(min=6, message="长度不能少于6位"),
                                             validators.DataRequired(message="不可为空"), ],
                                    widget=widgets.PasswordInput())
    confirm = simple.PasswordField('确认密码', [validators.Length(min=6, message="长度不能少于6位"),
                                                validators.DataRequired(message="不可为空"),
                                                validators.EqualTo('password', message='密码不一致')],
                                   widget=widgets.PasswordInput())
    accept_tos = simple.BooleanField('接受协议', [validators.DataRequired()], widget=widgets.CheckboxInput())
    submit = simple.SubmitField("登录", widget=widgets.SubmitInput())


class UploadForm(FlaskForm):
    file = simple.FileField("文件", validators=[file.FileRequired(), file.FileAllowed("jpg, png, gif",
                                                                                      message="只允许上传jpg, png, gif的图片格式")])
    multiple = simple.MultipleFileField("多文件")
    submit = simple.SubmitField("提交")


class LinkForm(Form):
    url = URLField(validators=[url()])


class SignupForm(Form):
    username = simple.StringField('Username')
    recaptcha = RecaptchaField()

1. 导包

2. 登录 form

3. 字段验证

4. 用户form

5. 文件form

6. URL form

7. 验证码form

# 待完成

二. 后端部分

python 复制代码
# 导入 form

# 路由  渲染到前端

三. 前端部分

html 复制代码
<!--  遍历form -->
相关推荐
bug攻城狮13 小时前
Spring Boot 2.6+ 整合 PageHelper 启动报错:循环依赖解决方案全解析
java·spring boot·后端
前端世界13 小时前
用Python手写一个能识花的感知器模型——Iris分类实战详解
开发语言·python·分类
少林and叔叔13 小时前
基于yolov5.7.0的人工智能算法的下载、开发环境搭建(pycharm)与运行测试
人工智能·pytorch·python·yolo·目标检测·pycharm
合作小小程序员小小店13 小时前
旧版本附近停车场推荐系统demo,基于python+flask+协同推荐(基于用户信息推荐),开发语言python,数据库mysql,
人工智能·python·flask·sklearn·推荐算法
动能小子ohhh13 小时前
Langchain从零开始到应用落地案例[AI智能助手]【3】---使用Paddle-OCR识别优化可识别图片进行解析回答
人工智能·python·pycharm·langchain·ocr·paddle·1024程序员节
IT_陈寒13 小时前
Vue 3.4性能优化实战:5个鲜为人知的Composition API技巧让打包体积减少40%
前端·人工智能·后端
互联网中的一颗神经元14 小时前
小白python入门 - 9. Python 列表2 ——从基础操作到高级应用
java·开发语言·python
大厂码农老A14 小时前
我带的外包兄弟放弃大厂转正,薪资翻倍入职字节
java·后端·面试
武子康14 小时前
大数据-136 - ClickHouse 集群 表引擎详解 选型实战:TinyLog/Log/StripeLog/Memory/Merge
大数据·分布式·后端
Somehow00714 小时前
从Binlog到消息队列:构建可靠的本地数据同步管道(macOS本地部署Canal & RocketMQ并打通全流程)
后端·架构