Python Web开发技术与应用(Flask版·微课版)
上QQ阅读APP看书,第一时间看更新

1.2 Flask的安装与配置

本节将介绍如何部署Flask的开发环境。本书使用的所有软件及对应版本如表1-2-1所示。

表1-2-1 软件及对应版本

1.2.1 安装Chrome浏览器

Chrome是一款设计简单的Web浏览工具,是目前最流行的浏览器之一。如今市面上大部分浏览器都是基于Chrome内核开发的,Chrome浏览器兼容性相对较优,非常适合作为开发环境。

读者可以到Chrome浏览器的官网下载Chrome浏览器,如图1-2-1所示。

图1-2-1 Chrome浏览器官网

1.2.2 安装Python环境

Flask要运行在Python环境中,因此需要安装Python。读者可以在Python的官网中找到下载地址。由于大家在学习过程中使用的大多是Windows操作系统,因此,接下来以Windows操作系统为例来说明Python环境的安装及配置过程。

打开Python官网,选择“Downloads”菜单下的“Windows”选项,下拉找到对应的Python 3版本链接,如图1-2-2和图1-2-3所示。

图1-2-2 Python官网

图1-2-3 Python下载页1

进入下载页面后,单击“Windows x86-64 executable installer”链接进行下载,如图1-2-4所示。

图1-2-4 Python下载页2

下载完成后打开安装包进行安装,如图1-2-5所示。安装之前勾选“Add Python 3.7 to PATH”复选框,以便Python自动配置环境变量。

图1-2-5 Python安装界面

Python环境正确安装之后,按“Win+R”组合键打开“运行”对话框,输入“cmd”,如图1-2-6所示,单击“确定”按钮即可打开命令提示符窗口。

图1-2-6 “运行”对话框

打开命令提示符窗口后,输入以下命令查看Python及pip的版本。

pip -V

命令提示符窗口是一个很常用的工具,请务必记住其打开方法。

如果命令提示符窗口能够正确显示pip及Python版本,则说明Python和pip安装成功,如图1-2-7所示。

图1-2-7 查看pip和Python的版本

1.2.3 使用pip安装Flask

使用pip进行模块安装之前,先要配置好镜像源,以获得最快的下载速度。

打开用户目录(C:\Users\你的用户名)后创建“pip”目录,新建文本文件并将文件名称修改为“pip.ini”,如图1-2-8所示。

图1-2-8 创建pip配置文件

如果将文件名称修改为“pip.ini”,文件类型仍显示为“文本文档”,这时需要修改系统设置以显示文件扩展名。按“Alt+V”组合键打开“查看”菜单,选择“自定义文件夹”选项(Windows 10中单击“查看”选项卡最右边的“选项”按钮),打开“文件夹选项”对话框后单击“查看”选项卡,在“高级设置”中取消勾选“隐藏已知文件类型的扩展名”复选框,单击“确定”按钮即可将文件更名为“pip.ini”。

用鼠标右键单击“pip.ini”,在弹出的快捷菜单中选择“编辑”选项,或使用记事本打开该文件,输入以下内容。

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/[install]
trusted-host = mirrors.aliyun.com

单击“保存”按钮,关闭输入窗口。此时pip镜像源(阿里云)就配置好了。

接下来使用右键单击系统任务栏中的Windows按钮,选择“命令提示符(管理员)(A)”选项,打开命令提示符窗口,输入以下命令。(注意:实际操作中,以下命令不换行。)

pip install flask==1.1.1 jinj a2==2.11.3 itsdangerous==2.0.1 markupsafe==1.1.1 werkzeug==0.16.1

执行上述命令之后,能看到“Successfully installed…”,没有提示红色的报错信息,即安装成功,此时,Flask就可以正常使用了,如图1-2-9所示。

图1-2-9 安装Flask

1.2.4 安装集成开发环境

PyCharm是当下最流行的Python集成开发环境(Integrated Development Environment,IDE)之一,本书将全程使用PyCharm进行开发,读者也可自行选择其他IDE。PyCharm在环境配置方面相对于其他IDE来说较为简单。

在PyCharm的官网中可以找到PyCharm的下载地址。进入官网后单击“DOWNLOAD”按钮进入下载页面。此时,需要选择Windows平台下的专业版(收费软件,但可试用30天),专业版包含优化Flask开发的功能,如图1-2-10所示。

图1-2-10 PyCharm下载页面

下载完成后,打开安装包开始安装,如图1-2-11所示。在“Installation Options”界面勾选“64-bit launcher”前的复选框,该选项用于创建桌面快捷方式;其他选项保持默认设置即可。

图1-2-11 安装设置

安装完成后,打开PyCharm,进行初始配置,选择“Evaluate for free”选项,如图1-2-12所示。

图1-2-12 免费试用

单击“Evaluate”按钮,即可试用30天,如图1-2-13所示。至此,PyCharm开发环境安装完成。

图1-2-13 安装完成

1.2.5 在PyCharm中创建Flask项目

打开PyCharm,单击“Create New Project”按钮,选择“Flask”选项,选择“Existing interpreter”选项。

此时,可以在下方看到提示“No Python interpreter selected”,如图1-2-14所示。

图1-2-14 创建Flask项目(未添加Python解释器)

单击“Interpreter”选项右侧的“...”按钮,添加安装好的Python解释器,如图1-2-15所示。在弹出的对话框中选择“System Interpreter”选项,可以看到安装Python环境的路径,单击“OK”按钮。

图1-2-15 添加系统Python解释器

如果没有看到相关选项,请检查是否按1.2.2小节中介绍的安装流程正确操作。

此时,可以看到下方的提示已经消失了,如图1-2-16所示。图中“Location”选项中的内容是项目名称,默认情况下,项目名称与目录名称是一致的。单击“Create”按钮,就可以在PyCharm中正常创建项目了。

图1-2-16 创建Flask项目

在图1-2-17所示的PyCharm主界面的运行(调试)区域中,单击按钮可以启动当前项目,如图1-2-18所示。

图1-2-17 PyCharm主界面

图1-2-18 运行(启动)当前项目

单击图1-2-18所示的链接“http://127.0.0.1:5000/”,即可打开浏览器访问项目,如图1-2-19所示。

图1-2-19 使用浏览器访问项目

Flask的安装与配置

至此,Flask项目的创建就完成了。

在本节中,如果对操作过程有疑问,可跟随左侧视频进行操作。