项目8：“古典文学网”用户中心功能开发.pptx

项目8：“古典文学网”用户中心功能开发XXX202X-XX-XX

目录02.任务1：开发个人信息展示功能05.任务4：开发我的书评展示功能03.任务2：开发用户头像上传功能04.任务3：开发个人信息修改功能01.文件上传、文件下载及ElementPlus框架Upload组件06.任务5：开发密码重置功能07.拓展任务

学习目标知识目标：?了解Flask框架的文件上传，并熟练掌握其原理及使用；?了解Flask框架的文件下载，并熟练掌握其原理及使用；?了解ElementPlus框架的Upload组件，掌握常用组件的布局和使用。能力目标：?通过学习Flask框架的文件上传，能够在项目中实现文件上传；?通过学习Flask框架的文件下载，能够在项目中实现文件下载；?通过学习ElementPlus的Upload组件，能够在项目中开发上传应用。素质目标：?培养系统思维，严格遵守行业规范和标准，提高软件质量和可靠性；培养责任感、职业精神和团队精神，遵守职业道德。

01项目描述

1.1.项目需求小白将在之前开发工作的基础上，完成“古典文学网”项目的“用户中心”模块的开发，包括个人信息展示、我的书评以及密码重置等功能。

02知识储备

2.知识储备为了项目的顺利开发，小白需要掌握Flask框架的关键技术，如文件上传、文件下载及ElementPlus框架Upload组件。

2.1Flak框架的文件上传文件上传是Web应用中不可或缺的功能之一。在Flask框架中，实现文件上传功能通常涉及以下几个步骤。首先，通过HTML表单中的inputtype=file元素，用户可以选择并上传文件。随后，在服务器端，Flask框架利用request.files这个字典来接收客户端上传的文件。最后，通过调用文件的save()方法，我们可以将上传的文件永久地保存在文件系统中。下面，我们将开发一个简洁的图片上传案例。

2.1.Flak框架的文件上传具体的开发步骤参考如下：首先，我们将创建一个名为“hi_upload”的Flask项目，并开发其项目框架。项目的整体结构如图8.1所示。图8.1“hi_upload”项目的框架目录

2.1.Flak框架的文件上传接下来，请找到“/app/conf/config.py”的配置文件。在此文件中，我们将定义文件上传的目录及允许上传的文件扩展名的集合。以下具体代码的实训。#文件存放目录FILE_PATH=rD:/upload_file#上传文件时，允许的文件扩展名的集合ALLOWED_EXTENSIONS=set([png,gif,jpg,webp,jpeg])

2.1.Flak框架的文件上传随后，我们找到“/app.py”的文件。在此文件中，我们开发文件上传的视图函数。以下是具体代码实现：fromflaskimportFlask,requestfromflaskimportjsonifyimportosimportuuid#导入上传的配置(路径，扩展名的集合)fromconfigimportFILE_PATH,ALLOWED_EXTENSIONS#secure_filename函数可以避免潜在的文件名安全问题fromwerkzeug.utilsimportsecure_filenameapp=Flask(__name__)#判断文件类型是否允许上传defallowed_file(filename):return.infilenameandfilename.rsplit(.,1)[1].lower()inALLOWED_EXTENSIONS#上传文件@app.route(/upload,methods=[POST])defupload():#返回信息result_msg={code:200,msg:上传成功！}#判断是否存在上传文件（file是上传文件的参数名称）iffilenotinrequest.files:result_msg[code]=404result_msg[msg]=文件不存在！returnjsonify(result_msg)接左边：#判断上传目录是否存在，不存在则创建对应目录ifnotos.path.exists(FILE_PATH):os.makedirs(FILE_PATH)#获取上传文件upfile=request.files[file]#判断文件是否允许上传ifupfi