看了本书的第四章表单,记录一下所学的心得
之前的文章记录的太过琐碎和具体,今天开始的记录还是更加的集中在思路上好了。
这一章讲的主要是表单,更具体的来说是如何通过表单类的创建和渲染来完成接收。
首先需要使用到的包是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表单的三个属性分别用于做什么
服务器端的验证
在模板中还可以渲染错误信息
在服务器端可以限制文件传输的大小
处理文件名
如何保存文件
多文件上传如何实现
以上就是复习的重点