2024-09-17学习记录

看了本书的第四章表单,记录一下所学的心得

表单处理

之前的文章记录的太过琐碎和具体,今天开始的记录还是更加的集中在思路上好了。

这一章讲的主要是表单,更具体的来说是如何通过表单类的创建和渲染来完成接收。

首先需要使用到的包是Flask-WTF,通过它可以定义一个表单类

表单类的字段是如何定义的,要时常进行复习回顾

之后我们需要在视图函数中传入表单类实例,在渲染的时候把实例一起传过去

渲染表单的具体代码也需要复习

之后在模板中,表单里的第一行一般是{{ form.crsf_token }}用它来进行crsf认证

之后就是具体的字段,如{{ form.useranme.label }} {{ form.username }}

之后需要提交表单,在提交以前需要知道form表单的三个属性分别用于做什么

提交以后要验证表单的数据,在客户端和服务器端都要进行验证

在客户端验证时,可以通过input标签中的required等来进行验证

更重要的是服务器端的验证

视图函数接收2种请求,GET请求用于渲染模板,POST请求调用validate()方法来验证表单数据

利用Flask-WTF的validate_on_submit()方法可以把接收POST请求和调用validate()合在一起

使用form.字段属性名.data来获取数据,如username=form.username.data

获取完后再if的最后要重定向(PRG模式)

尽量不要让提交表单的POST请求作为最后一个请求


在模板中还可以渲染错误信息

也可以把内置的错误语言设定为中文

需要先建立一个类,在里面的class Meta里把locales=['zh']

然后再让视图类继承这个类即可


还可以自定义验证器

1.行内验证器 只要在里面定义函数,命名为validate_字段属性名

2.全局验证器,使用时把定义好的函数放入验证器里


文件上传表单

验证器中一般有FileRequired验证是否有文件对象,FileAllowed验证文件类型

可以先在客户端进行简单的类型过滤  <input  xxxxx  accept=".jpg,.png">

在服务器端可以限制文件传输的大小,进行记忆

处理上传的文件    f=form.photo.data

之后处理文件名,有三种处理方式

1.原文件名

2.使用过滤后的文件名 secure_filename()

3.统一重命名filename=random_filename(f.filename)

保存文件放到form目录下的uploads文件夹

设定一下路径app.config['UPLOAD_PATH']=os.path.join(app.root_path,'uploads')

之后调用save方法保存

f.save(os.path.join(app.config['UPLOAD_PATH'],filename))


关于这块的代码,gpt解释

os.path.join(app.root_path, 'uploads')

os.path.join()是一个用于智能拼接路径的函数。它确保在不同操作系统(如 Windows 和 Linux)上都能正确地拼接路径。

app.root_path是 Flask 应用的根目录路径。这个路径是应用程序所在的位置。

'uploads'是你想要创建或使用的子目录的名称。




保存后可以写一个视图来显示图片

return send_form_directory(app.config['UPLOAD_PATH'],filename)

然后在模板中

<img src="{{ url_for(''get_file",filename=filename) }}>

多文件上传的实现

客户端中字段加上multiple

表单类里使用MultipleFileField

服务端使用for i in request.files.getlist('photo')

对文件逐一处理


如果要复习的话,主要在以下几点

表单类的字段是如何定义的

渲染表单的具体代码

form表单的三个属性分别用于做什么

服务器端的验证

在模板中还可以渲染错误信息

在服务器端可以限制文件传输的大小

处理文件名

如何保存文件

多文件上传如何实现

以上就是复习的重点

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一,调试模式如果你启用了调试支持,服务器会在代码修改后自动重新载入,并在发生错误时提供一个相当有用的调试器。有两种...
    学而不厌888阅读 828评论 0 0
  • Node课程大纲V10(一周) 目录 1 day 基本介绍 环境配置(node nvm,cnpm) REPL 环境...
    Mstian阅读 377评论 0 1
  • 1 命令行窗口 1.1. 命令行窗口(小黑屏)、CMD窗口、终端、shell 开始菜单 -> 运行 -> cmd ...
    锦衣夜行001阅读 1,897评论 0 1
  • Django知识点概述 Web应用 问题1:描述一个Web应用的工作流程。 问题2:描述项目的物理架构。(上图中补...
    领带衬有黄金阅读 817评论 0 1
  • Web框架之Django: (1)简介: Django是一个由Python写成开源的重量级Web应用框架,采用MT...
    老肖阅读 3,165评论 0 18

友情链接更多精彩内容