单元9 基于Flask框架的Web程序设计（课件）-《Python程序设计》同步教学（人民邮电版）

单元 9 基于Flask框架的Web程序设计 Python程序设计 1 单元9 基于Flask框架的Web程序设计 1 知识入门 知识要点 1．Flask 的扩展包 2．Flask 的安装 1 单元9 基于Flask框架的Web程序设计 2 1．Flask 的扩展包 （1）Flask-SQLalchemy ：用于操作数据库。 （3）Flask-Mail ：用于实现邮件功能。 （5）Flask-script ：用于插入脚本。 （7）Flask-RESTful ：提供开发REST API 的工具。 （9）Flask-Moment ：用于本地化日期和时间。 （8）Flask-Bootstrap ：用于集成前端Twitter Bootstrap 框架。 （6）Flask-Login ：作用判断用户状态。 （4）Flask-WTF ：用于实现表单功能。 （2）Flask-migrate ：用于管理迁移数据库。 1 单元9 基于Flask框架的Web程序设计 3 2．Flask 的安装 使用pip 命令安装Flask，具体安装命令如下。 python -m pip install flask 如果要指定Flask 版本，可以使用以下命令。 python -m pip install flask==0.12.4 1 单元9 基于Flask框架的Web程序设计 4 循序渐进 知识要点 9.1　创建与运行Flask程序 9.1.1　在PyCharm Professional Edition中创建Flask项目 9.1.2　创建简单的Flask程序 9.1.3　开启调试模式 9.2　路由 9.2.1　访问路径 9.2.2　路径变量 9.2.3　构造URL 9.2.4　HTTP请求方式 9.3　静态文件与模板生成 9.3.1　静态文件 9.3.2　生成Flask模板 【任务9-1】在网页中显示文本信息与图片 【任务9-2】基于Flask框架设计简单的用户登录程序 1 单元9 基于Flask框架的Web程序设计 5 9.1.1　在PyCharm Professional Edition 中创建Flask 项目 01 OPTION 启动PyCharm Professional Edition，进入PyCharm Professional Edition 的集成开发环境。 02 OPTION 在PyCharm 窗口中选择【文件】菜单，然后选择【新建项目】命令，打开【新建项目】对话框，该对话框左侧列出很多项目模板，这里选择【Flask】，在“位置”输入框中输入Flask 项目的存放位置和名称，例如“D:\PycharmProject\Unit09\9-1”，并完成其他的设置。 OR 在输入框右侧单击【浏览】按钮，在弹出的【选择基目录】对话框中直接选择项目存放位置，例如“D:\PycharmProject\Unit09”，然后单击【确定】按钮返回【新建项目】对话框，并输入项目名称，例如“\9-1”。 1 单元9 基于Flask框架的Web程序设计 6 9.1.1　在PyCharm Professional Edition 中创建Flask 项目 03 OPTION Flask 项目的存放位置、名称、其他的设置都完成后，在【新建项目】对话框中单击【创建】按钮，在弹出的【打开项目】对话框中单击【新窗口】按钮，即在新的窗口中打开创建的Flask 项目。 04 OPTION 这时会打开一个新的PyCharm 窗口，在其中完成后续工作，例如创建虚拟环境、激活环境等，然后安装Flask 相关文件与配置Flask 项目，此时从显示【正在确保Flask 已安装】对话框，【正在确保Flask 已安装】对话框如图所示。 05 OPTION Flask 相关文件安装与Flask 项目配置完成后，PyCharm 将自动生成一个精简的Flask 项目模板，如图所示。 其中，“app.py”文件是入口程序，“static”文件夹用于存放CSS 样式文件、图片文件等静态文件，“templates”文件夹是模板存放的位置，即存放网页文件的文件夹。 1 单元9 基于Flask框架的Web程序设计 7 9.1.2　创建简单的Flask 程序 【实例9-1】创建一个简单的Flask 程序，输出“Happy to learn Python” 实例9-1 的代码如下所示 运行结果 Flask 程序也是Python 程序，其文件扩展名为“.py”。 from flask import Flask # 导入Flask 模块 app = Flask(__name__) # 创建Flask 对象 @app.route('/') def index():