
1.3 初步认识Flask Web程序

经过本章前面内容的学习,相信读者已经掌握了安装Flask环境的方法,并且成功在自己的计算机中安装了Flask。在本节的内容中,将详细介绍编写第一个Flask Web程序,让读者初步理解Flask Web程序的基本结构和运行方法。
1.3.1 编写第一个Flask Web程序
在下面的实例文件flask1.py中,演示了使用Flask框架开发一个简单Flask Web程序的过程。
源码路径:daima\1\1-1\flask1.py

代码①导入flask模块。
代码②实例化类flask,后面的构造方法Flask使用当前模块的名称(__name__)作为参数。
代码③使用@app.route('/')路由装饰器将URL和函数hello()联系起来,使得服务器收到对应的URL请求时,调用这个函数,返回这个函数生产的数据。
代码④自定义设置只返回一串字符的函数hello()。
代码⑤运行当前的Flask Web程序。
将控制台定位到当前程序的目录,输入如下命令后可以运行上面的程序flask1.py。

执行后会显示如下提醒语句。

这表示Web服务器已经正常启动运行了,它的默认服务器端口为5000,IP地址为127.0.0.1。在浏览器中输入网址“http://127.0.0.1:5000/”后便可以测试上述Web程序,执行效果如图1-8所示。通过按下键盘中的〈Ctrl+C〉组合键可以退出当前的服务器。当浏览器访问发出的请求被服务器收到后,服务器还会显示出相关信息如图1-9所示,表示访问该服务器的客户端地址、访问的时间、请求的方法以及表示访问结果的状态码。

图1-8 执行效果

图1-9 服务器显示相关信息
在上述实例代码中,方法run()的功能是启动一个服务器,在调用时可以通过参数来设置服务器。常用的主要参数如下所示。
• host:服务器的IP地址,默认为None。
• port:服务器的端口,默认为None。
• debug:是否开启调试模式,默认为None。
1.3.2 使用PyCharm编写第一个Flask Web程序
在现实开发应用中,建议读者使用集成开发工具PyCharm来开发Flask Web程序。具体流程如下所示。
源码路径:daima\1\1-2\flask1.py
1)打开PyCharm,单击“Create New Project”按钮弹出“New Project”对话框,在左侧列表中选择“Flask”选项,在“Location”中设置项目的保存路径,如图1-10所示。

图1-10 “New Project”对话框
2)单击“Create”按钮后创建一个Flask项目,会自动创建保存模板文件和静态文件的文件夹。
3)在工程中可以新建一个Python文件,其代码可以和前面1.3.1小节的实例文件flask1.py完全一样,如图1-11所示。
4)可以直接在PyCharm调试运行这个实例文件flask1.py,右击文件名,在弹出命令中选择“Run flask1”选项即可运行程序,如图1-12所示。单击PyCharm顶部的按钮可以停止运行。

图1-11 创建实例文件flask1.py

图1-12 选择“Run flask1”选项
在PyCharm的调试窗口中会显示如图1-13所示的效果。

图1-13 在PyCharm中的执行效果
单击链接“http://127.0.0.1:5000/”会显示具体的执行效果,如图1-14所示。

图1-14 实例文件flask1.py的执行效果