中职《Python程序设计任务驱动式教程》（人邮版·2021）11基于Flask框架的Web程序设计 课件(共30张PPT)

(课件网) 单元12 基于Flask框架的Web程序设计 Python程序设计任务驱动式教程（微课版） 目录导航 11.1 创建与运行Flask程序 11.1.1 在PyCharm中创建Flask项目 11.1.2 创建简单的Flask程序 11.2 路由 11.2.1 访问路径 11.2.2 路径变量 11.3 静态文件与模板生成 11.3.1 静态文件 11.3.2 Flask模板生成 11.1.3 开启调试模式 11.2.3 构造URL 11.2.4 HTTP方法 11.1.1 在PyCharm中创建Flask项目 成功启动PyCharm，进入集成开发环境。 在PyCharm主窗口选择菜单【File】，在弹出的下拉菜单中选择【New Project】，打开【New Project】对话框，该对话框左侧列出很多项目模板，这里选择“Flask”，在“Location”文本框中输入Flask项目的存放位置和项目名称，例如“D:\PycharmProject\Unit11\11-1”，且完成其他的设置，如图11-1所示。 也可以单击文本框右侧的按钮 ，在弹出的【Select Base Directory】对话框中直接选择项目存放位置，例如“D:\PycharmProject\Unit11”，然后单击【OK】按钮返回【New Project】对话框。 图11-1 【New Project】对话框 11.1.1 在PyCharm中创建Flask项目 Flask项目的存放位置、项目名称等设置都完成后，在【New Project】对话框中单击【Create】按钮，在弹出的【Open Project】对话框中单击【New Window】按钮，如图11-2所示，即在新的窗口中打开创建的Flask项目。 图11-2 在【Open Project】对话框中单击【New Window】按钮 这时会打开一个新的PyCharm窗口，接着完成后续工作，例如创建虚拟环境、激活环境等，【Creating Virtual Environment】对话框如图11-3所示。 图11-3 【Creating Virtual Environment】对话框 11.1.1 在PyCharm中创建Flask项目 图11-4 【Ensuring Flask is installed】对话框 然后安装Flask相关文件与配置Flask项目，【Ensuring Flask is installed】对话框如图11-4所示。 Flask相关文件安装与Flask项目配置完成后，Pycharm将自动生成一个精简的Flask项目模板，Flask项目模板与app.py文件的代码编辑窗口如图11-5所示。 其中，app.py文件是入口程序，static文件夹用于存放CSS样式文件、图片文件等静态文件，templates文件夹是模板存放的位置，即存放网页文件的文件夹。 图11-5 Flask项目模板与app.py文件的代码编辑窗口 11.1.2 创建简单的Flask程序 Flask程序也是Python程序，扩展名为“.py”。 from flask import Flask #导入Flask app = Flask(__name__) #创建Flask对象 @app.route('/') def index(): return "Happy to learn Python" if __name__ == '__main__': app.run() 【实例11-1】创建一个简单的Flask程序，输出“Happy to learn Python” 实例11-1的运行结果如图11-6所示。 图11-6 实例11-1的运行结果 11.1.2 创建简单的Flask程序 然后在浏览器地址栏中输入网址“http://127.0.0.1:5000/”，页面中输出“Happy to learn Python”，如图11-7所示。 图11-7 页面中输出“Happy to learn Python” 实例11-1中创建Flask的实例的代码为：Flask(__name__)，这里的参数使用“__name__”。 11.1.3 开启调试模式 Flask内置了调试模式，可以自动重载代码并显示调试信息，这需要开启调试模式，有多种方法可以开启调试模式。 方法一：将FLASK_DEBUG环境变量的值设置为1。 方法二：使用如下代码。 app.debug=True app.run() 方法三：使用如下代码。 app.run( debug=True ) 这时候再次修改代码，然后再次运行程序，会发现Flask会自动重载代码。 目录导航 11.1 创建与运行Flask程序 11.1.1 在PyCharm中创建Flask项目 11.1.2 创建简单的Flask程序 11.2 路由 11.2.1 访问路径 11.2.2 路径变量 11.3 静态文件与模板生成 11.3.1 静态 ... ...