1 视图传递多个参数
**(1) 普通传参 **: 关键字参数传递
return render_template('模板名称.html',arg1=val1,arg2=val2...)
(2) 字典传参 : 以字典的形式传递
dict = {
key1:value1,
key2:value2,
....
}
return render_template('模板名称.html',dict)
(3) 全局变量g传递
视图中:
@app.route('/test')
def test():
g.name = '张三'
g.sex = '男'
return render_template('test.html')
模板中
<h2>{{ g.name }}</h2>
<h2>{{ g.sex }}</h2>
(4) 传递全部的本地变量给template，使用locals()**,直接获取变量值
@app.route('/test')
def test():
name = '张三'
sex = '男'
return render_template('test.html',**locals())
test.html中
<h2>{{ name }}</h2>
<h2>{{ sex }}</h2>
2 错误页面定制
#制定捕获404和500的错误页面
@app.errorhandler(404)
def page_not_found(e):
return render_template('error.html',error=e,code=404)
@app.errorhandler(500)
def page_not_found(e): #接受参数e,并传给错误error
return render_template('error.html',error=e,code=500)
指定错误页面:只需要一个错误模板页面即可
{% extends 'common/boot_base.html' %}
{% block title %}
{{ code }} #标题显示500
{% endblock %}
{% block page_content %}
<div class="alert alert-danger" role="alert">{{ error }} #显示错误页面信息
</div>
{% endblock %}
3 文件上传
(1) 静态资源的加载
{{ url_for('static',filename='img/mei.jpg') }}
{{ url_for('static',filename='css/style.css') }}
{{ url_for('static',filename='js/mei.js') }}
#注:static是内置的视图函数,我们通过其找到路由
(2) 原生文件上传
模板文件
{% if newName %} #newName非空 图片名传入
<img src='{{ url_for("static",filename=newName) }}' alt=''>
{% endif %}
#视图函数upLoad
<form action="{{ url_for('upLoad') }}" enctype='multipart/form-data' method='post'>
<input type='file' name='file'>
<p><input type='submit' value='submit'></p>
</form>
主文件manage.py
from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
import os
from PIL import Image #python图片处理库
app = Flask(__name__)
#允许上传的后缀名,放在配置文件
app.config['ALLOWED_EXTENSIONS'] = ['.jpg','.jpeg','.png','.gif']
#上传文件的大小
app.config['MAX_CONTENT_LENGTH'] = 1024*1024*60
#配置文件上传的路径
app.config['UPLOAD_FOLDER'] = os.getcwd() + '/static'
#绑定bootstrap
bootstrap = Bootstrap(app)
manager = Manager(app)
@app.route('/')
def index():
return render_template('index.html')
#生成随机图片名称的函数
def new_name(shuffix,length=32):
import string,random
myStr = string.ascii_letters + '0123456789'
newName = ''.join(random.choice(myStr) for i in range(length))
return newName+shuffix
#定义判断后缀是否可用函数,返回true/false
def allowed_file(shuffix):
return shuffix in app.config['ALLOWED_EXTENSIONS']
@app.route('/upload',methods=['GET','POST'])
def upload():
img_name = None
if request.method == 'POST':
file = request.files.get('file')
#获取上传文件的名称
filename = file.filename
#分割路径，返回路径名和文件扩展名的元组
shuffix = os.path.splitext(filename)[-1]
if allowed_file(shuffix):
#为真则生成随机名称
newName = new_name(shuffix)
img_name = newName
#拼凑完整的路径
newPath = os.path.join(app.config['UPLOAD_FOLDER'],newName)
file.save(newPath)
#处理图片的缩放
img = Image.open(newPath)
#重新设置大小与尺寸
img.thumbnail((200,200))
img.save(newName)
#跳转上传页面并返回newName
return render_template('upload.html',newName=img_name)
4 flask-uploads扩展库
安装
pip3 install flask-uploads
类UploadSet : 文件上传配置集合，包含三个参数：
name：文件上传配置集合的名称，默认files
extensions：上传文件类型，默认DEFAULTS = TEXT + DOCUMENTS + IMAGES + DATA
default_dest：上传文件的默认存储路径，我们可以通过app.config[‘UPLOADS_DEFAULT_DEST’]来指定
方法 : configure_uploads
应用配置好之后，调用此方法，扫描上传配置选项并保存到我们的应用中，注册上传模块。
下面我们来看下 (flask-uploads库 + flask-wtf 库) 的写法
模板文件
{% extends 'common/base.html' %} #继承
{% block title %}
首页
{% endblock %}
{% import 'bootstrap/wtf.html' as wtf %} #导入
{% block page_content %}
<img src="{{ url_for('static',filename=newName) }}" alt="">
{{ wtf.quick_form(form) }} #快速渲染
{% endblock %}
主启动文件
from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
import os
from flask_uploads import UploadSet,IMAGES,configure_uploads,patch_request_class
#导入库中验证的字段类
from flask_wtf import FlaskForm
from wtforms import FileField,SubmitField
from flask_wtf.file import FileAllowed,FileRequired
app = Flask(__name__)
#允许上传的后缀
app.config['SECRET_KEY'] = 'image'
app.config['MAX_CONTENT_LENGTH'] = 1024*1024*64 #64兆
#配置文件上传的路径
app.config['UPLOADED_PHOTOS_DEST'] = os.getcwd()+'/static/upload'
#实例化一个file对象 photos与PHOTOS要对应
file = UploadSet('photos',IMAGES)
#将 app 的 config 配置注册到 UploadSet 实例 file
configure_uploads(app,file)
#限制上传文件的大小 size=None不采用默认size=64*1024*1024
patch_request_class(app,size=None)
bootstrap = Bootstrap(app)
manager = Manager(app)
class File(FlaskForm):
file = FileField('文件上传',validators=[FileRequired(message='您还没有选择文件'),FileAllowed(file,message='只能上擦图片')])
submit = SubmitField('上传')
#生成随机图片名称的函数
def new_name(shuffix,length=32):
import string, random
myStr = string.ascii_letters + '0123456789'
newName = ''.join(random.choice(myStr) for i in range(length))
return newName+shuffix
@app.route('/upload',methods=['GET','POST'])
def upload():
form = File()
img_url = None
#验证数据
if form.validate_on_submit():
shuffix = os.path.splitext(form.file.data.filename)[-1]
newName = new_name(shuffix=shuffix)
file.save(form.file.data,name=newName)
img_url = file.url(newName)
return render_template('boot_upload.html',newName=img_url,form=form)
if __name__ == '__main__':
manager.run()
注意事项:
将app的config配置注册到 UploadSet 实例file configure_uploads(app,file)
限制上传文件的大小 patch_request_class(app,size=None)
file = UploadSet('photos',IMAGES) 实例化file对象继承了类中save() url() 内置方法
form = File() File类继承自FlaskForm 可以利用flask-uploads库进行验证 , 采用类File取代原生的Form表单访问通过 :
实例化form对象.字段名.data 访问字段对象
实例化form对象.字段名.data.属性名 访问字段对象对应的属性