![Python Web开发技术与应用(Flask版·微课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/594/48356594/b_48356594.jpg)
1.2 Flask的安装与配置
本节将介绍如何部署Flask的开发环境。本书使用的所有软件及对应版本如表1-2-1所示。
表1-2-1 软件及对应版本
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/009-0.jpg?sign=1739696955-2hsHuR7czO5wSFGYke5SotGW0HzyAkDU-0-fff68163a6d7e073ab77d8235e0f65c7)
1.2.1 安装Chrome浏览器
Chrome是一款设计简单的Web浏览工具,是目前最流行的浏览器之一。如今市面上大部分浏览器都是基于Chrome内核开发的,Chrome浏览器兼容性相对较优,非常适合作为开发环境。
读者可以到Chrome浏览器的官网下载Chrome浏览器,如图1-2-1所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/009-1.jpg?sign=1739696955-Ixhxr0OHABljoRhNCsvqcAisB7NJPkgB-0-b69f53fc88850b0418db252353ece4fe)
图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所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/010-1.jpg?sign=1739696955-YTHE4ItwburfyTJ2F7FUTIMuKzwvgv99-0-c0970a67f0175f0de61562ad5e0f6fc8)
图1-2-2 Python官网
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/010-2.jpg?sign=1739696955-lIzg99MMWT3lDOTi6t8FaZ6xZSUQJULn-0-de84e5c5ceaa4bf48b5579b2255e9f52)
图1-2-3 Python下载页1
进入下载页面后,单击“Windows x86-64 executable installer”链接进行下载,如图1-2-4所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/010-3.jpg?sign=1739696955-RPVklopgW61tWvpoJux5CzOaver57QGa-0-ea1f126428d365501db70db3b1a6003c)
图1-2-4 Python下载页2
下载完成后打开安装包进行安装,如图1-2-5所示。安装之前勾选“Add Python 3.7 to PATH”复选框,以便Python自动配置环境变量。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/011-1.jpg?sign=1739696955-1QWhDvmXYA3A8qSxLRkyeJLhr1Fy2WKD-0-4d2546521b56276109115ab2cfecb4f9)
图1-2-5 Python安装界面
Python环境正确安装之后,按“Win+R”组合键打开“运行”对话框,输入“cmd”,如图1-2-6所示,单击“确定”按钮即可打开命令提示符窗口。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/011-2.jpg?sign=1739696955-UffUerYFH66SrfbO7LCyylROYFGlAYkX-0-778c501e59bf8571778b100b86999fc8)
图1-2-6 “运行”对话框
打开命令提示符窗口后,输入以下命令查看Python及pip的版本。
pip -V
命令提示符窗口是一个很常用的工具,请务必记住其打开方法。
如果命令提示符窗口能够正确显示pip及Python版本,则说明Python和pip安装成功,如图1-2-7所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/011-3.jpg?sign=1739696955-bh5EMnbHWE2WdZqfbSkhtf2nznEUMoVZ-0-9b1d4c56dc07fcc2bacb16c6d4ad1894)
图1-2-7 查看pip和Python的版本
1.2.3 使用pip安装Flask
使用pip进行模块安装之前,先要配置好镜像源,以获得最快的下载速度。
打开用户目录(C:\Users\你的用户名)后创建“pip”目录,新建文本文件并将文件名称修改为“pip.ini”,如图1-2-8所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/012-1.jpg?sign=1739696955-9qMEOW0QBV7pj5FhPywN2SigMbr2SpGM-0-9224f3ebcd6d744d7a3681da23010136)
图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所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/013-1.jpg?sign=1739696955-19GvgwzdKIWb3zpLbuZuh31D2Nge2b8K-0-21edbb3d7eadcae782966a77091d21d1)
图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所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/013-2.jpg?sign=1739696955-lbjo5UY058Gh83bI32H74t2NuXXzdaxJ-0-59b1293684cbc714035c6e7de96bc5c8)
图1-2-10 PyCharm下载页面
下载完成后,打开安装包开始安装,如图1-2-11所示。在“Installation Options”界面勾选“64-bit launcher”前的复选框,该选项用于创建桌面快捷方式;其他选项保持默认设置即可。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/014-1.jpg?sign=1739696955-DTLAKtYylcBt1USB79zYcxtOCqV47k6G-0-bc272411758e0f7c135e5d707271bdf7)
图1-2-11 安装设置
安装完成后,打开PyCharm,进行初始配置,选择“Evaluate for free”选项,如图1-2-12所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/014-2.jpg?sign=1739696955-2aZ4uyC61sxvQn7aIHjkbxcsz7GznDdM-0-54dbf3949c805455fb3464c02a3bc680)
图1-2-12 免费试用
单击“Evaluate”按钮,即可试用30天,如图1-2-13所示。至此,PyCharm开发环境安装完成。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/015-1.jpg?sign=1739696955-izWPcB6d3YK5TAzXAoWKaD8qY4w5DJj7-0-45df9c04be89759cdebe0a4725002463)
图1-2-13 安装完成
1.2.5 在PyCharm中创建Flask项目
打开PyCharm,单击“Create New Project”按钮,选择“Flask”选项,选择“Existing interpreter”选项。
此时,可以在下方看到提示“No Python interpreter selected”,如图1-2-14所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/015-2.jpg?sign=1739696955-OviRzFhRpmpvqIeUE4o6x13ZvfgmOmnA-0-90fd6b9713f8d8290b35b1ca1604793c)
图1-2-14 创建Flask项目(未添加Python解释器)
单击“Interpreter”选项右侧的“...”按钮,添加安装好的Python解释器,如图1-2-15所示。在弹出的对话框中选择“System Interpreter”选项,可以看到安装Python环境的路径,单击“OK”按钮。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/016-1.jpg?sign=1739696955-O0DGPTY0EEh9Rfz0MTfAUliKtzbGrOy2-0-ededec3d70e955d6bd760e1847407eae)
图1-2-15 添加系统Python解释器
如果没有看到相关选项,请检查是否按1.2.2小节中介绍的安装流程正确操作。
此时,可以看到下方的提示已经消失了,如图1-2-16所示。图中“Location”选项中的内容是项目名称,默认情况下,项目名称与目录名称是一致的。单击“Create”按钮,就可以在PyCharm中正常创建项目了。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/016-2.jpg?sign=1739696955-q13k6471JmZ7pCdpIBWgwbGc0hrX7bit-0-c54b515fee73ba09bc44737f62ff3e7c)
图1-2-16 创建Flask项目
在图1-2-17所示的PyCharm主界面的运行(调试)区域中,单击按钮可以启动当前项目,如图1-2-18所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/016-4.jpg?sign=1739696955-0iYA3kXl0QYTByNOYIrLuxTB9Q1d1gWd-0-81a7803e2999c5508c31fd0f6696f11e)
图1-2-17 PyCharm主界面
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/017-1.jpg?sign=1739696955-x5vTwy1DhbsxZm4an3TfGzGFvp2A2JuR-0-55a1469977a9b2517087d4caf5d6ac9f)
图1-2-18 运行(启动)当前项目
单击图1-2-18所示的链接“http://127.0.0.1:5000/”,即可打开浏览器访问项目,如图1-2-19所示。
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/017-2.jpg?sign=1739696955-GK4iFzpXFq4in7D3JNJL8XzCyr3FBGHY-0-2fa031ce4b5617bdd35c3b15f98c557d)
图1-2-19 使用浏览器访问项目
![](https://epubservercos.yuewen.com/85E856/27923292204345706/epubprivate/OEBPS/Images/017-3.jpg?sign=1739696955-9DJl1ucMEjN6g3pohWFamHNjdTOmKd2x-0-64bbd4a83877b593c0a885d71969aa9e)
Flask的安装与配置
至此,Flask项目的创建就完成了。
在本节中,如果对操作过程有疑问,可跟随左侧视频进行操作。