Python程序任务式教程 6

基于Flask框架的Web程序设计content目录01创建与运行Flask程序02路由03静态文件与模板生成创建与运行Flask程序在PyCharm中安装Flask软件包

（1）成功启动PyCharm。（2）选择菜单栏中的“文件”选项，在打开的菜单中选择“设置”命令。（3）在弹出的“设置”对话框中，选择“Project:项目名称”，然后选择“Python解释器”选项。（4）单击软件包列表上方的“+”按钮，将打开一个“可用软件包”对话框。（5）在“可用软件包”对话框的搜索框中输入“Flask”，如图11-1所示，在搜索结果中找到“Flask”库，并单击“安装软件包”按钮来安装它。创建与运行Flask程序在PyCharm中安装Flask软件包

（6）安装完成后，Flask软件包将被添加到项目依赖中，“设置”对话框中的Flask软件包列表如图11-2所示。此时即可在PyCharm中编写和运行Flask应用程序。创建一个简单的Flask程序，输出“HappytolearnPython”创建与运行Flask程序创建简单的Flask程序Flask内置了调试模式，可以自动重载代码并显示调试信息。使用这些功能需要开启调试模式，有多种方法可以开启调试模式。方法一：将FLASK_DEBUG环境变量的值设置为1。方法二：使用如下代码。app.debug=Trueapp.run()方法三：使用如下代码。app.run(debug=True)再次修改代码，并再次运行程序，会发现Flask会自动重载代码。创建与运行Flask程序开启调试模式路由访问路径Flask程序可以通过访问路径形式设置访问路由。设置访问路径的基本格式如下。@app.route('/path')其中，path表示浏览网页时在“:5000/”后面添加的路径值。创建Flask程序，演示访问路径的使用路由路径变量路径变量的基本格式如下。/path/<converter:variable_ame>路由设置传递参数有以下两种方式。1．没有限定类型此时，其格式如下。/path/<variable_ame>2．限定数据类型此时，其语法格式如下。/path/<converter:variable_ame>（在变量名称前加数据类型）路由路径变量序号数据类型作用1string默认选项，接收除了斜杠之外的字符串2int接收整数3float接收浮点数4path和string类似，还可以接收带斜杠的字符串5any匹配任何一种转换器6uuid接收UUID字符串路径变量前常使用的数据类型路由路径变量创建Flask程序，演示路径变量与限定数据类型的使用实例11-3的代码如下。路由构造URL在Flask程序中给指定函数构造URL的基本格式如下。url_for('函数名称',命名参数)创建Flask程序，演示给指定函数构造URL的方法路由HTTP方法HTTP访问URL的方法有多种，常用的有GET、POST等请求方法。对于GET请求，浏览器会告诉服务器只获取页面上的信息并发给服务器；对于POST请求，浏览器会告诉服务器想在URL上发布新信息，并且由于POST请求只触发一次，服务器必须确保数据已经存储且仅存储一次，这是HTML表单通常发送数据到服务器的方法。默认情况下，路由只回应GET请求，但是通过route()装饰器传递methods参数可以对其进行改变，告知服务器客户端想对请求的页面做些什么。静态文件与模板生成静态文件静态文件主要包括CSS样式文件、JavaScript文件、图片文件、字体文件等静态资源。Flask程序中需要使用url_for()函数并指定static文件夹名称和文件名称。在包或模块所在的文件夹中创建一个名为static的文件夹，在程序中使用“static”即可访问。例如，引入文件夹static中的CSS样式文件style.css的代码如下。url_for('static',filename='style.css')在页面中引入静态文件的示例代码如下。<linktype="text/css"href="{{url_for('static',filename='css/base.css')}}"><scripttype="text/javascript"src="{{url_for('static',filename='js/base.js')}}"></script><imgsrc="{{url_for('static',filename='static/hh.jpg')}}"alt=""title=""/>静态文件与模板生成Flask模板生成1．render_template()方法使用Jinja2模板时，只需要使用render_template()方法传入模板文件名称和参数名称即可。render_template()方法的基本格式如下。render_template(模板文件名称,[关键字参数])其中，第1个参数是模板文件名称；第2个参数是关键字参数，是可选的，表示键值对象。参数“name=username”是关键字参数。其中，name表示参数名称，与模板文件的变量同名；username是当前作用域中的变量，表示同名参数的值。静态文件与模板生成Flask模板生成2．Flask模板的基本结构Flask模板的基本结构有以下几种。（1）{{...}}用于装载变量，模板渲染的时候，会使用同名参数传入的值进行替换。例如{{name}}，这里的变量name使用模板渲染时同名参数name传入的值进行替换。（2）{%...%}用于装载控制语句。例如{%ifname%}、{%else%}、{%endif%}。（3）{#...#}用于添加注释，模板渲染的时候会忽视其中的内容。例如{#用户还没有登录#}。静态文件与模板生成Flask模板生成3．Flask模板的参数传递模板渲染时有以下两种传递参数的方式。（1）使用“变量名称='变量值'”传递一个参数。例如：render_template('11-5.html',name=username)（2）使用字典组织多个参数，并且加两个“*”转换为关键字参数传入。例如：returnrender_template('about.html',**{'user':'username'})静态文件与模板生成Flask模板生成4．Flask模板中的变量定义（1）使用set语句定义全局变量在Flask模板内部可以使用set语句定义全局变量。只有定义了某个变量，变量定义位置之后的代码才可以使用该变量。在解释性语言中，变量的类型是运行时确定的，因此，这里的变量可以赋任何类型的值。（2）使用with语句定义局部变量在Flask模板中，如果想让定义的变量只在部分作用域内有效，则需要使用with语句定义。在with语句中定义的变量只能在with语句内部使用，超出范围后会无效。【任务11-1】在网页中显示文本信息与展示图片（1）在PyCharm集成开发环境中创建Python项目11-1，并在文件夹11-1中创建两个子文件夹static和templates。（2）在项目Unit11中创建Python程序文件task11-1.py，在程序中调用render_template()方法加载网页文件。（3）在文件夹templates中创建两个网页文件，分别命名为“showText”和“showImage”，网页中将分别显示文本信息和展示图片。任务描述【任务11-1】在网页中显示文本信息与展示图片1．创建Python项目11-12．创建Python程序文件task11-1.py任务实施【任务11-1】在网页中显示文本信息与展示图片3．创建两个网页文件在文件夹templates中创建两个网页文件，将其分别命名为“showText”和“showImage”。网页文件showText.html的代码如下。任务实施【任务11-1】在网页中显示文本信息与展示图片网页文件showImage.html的代码如下。任务实施【任务11-1】在网页中显示文本信息与展示图片4．运行Python项目先在浏览器地址栏中输入网址“:5000/text”，按“Enter”键，页面中将输出文字“阳光明媚、春意盎然、万象更新”和“Thesunisshining,thespringisfulloflifeandeverythingisrenewed”；再在浏览器地址栏中输入网址“:5000/image”，按“Enter”键，页面中将展示一张图片，网页效果如图11-5所示。任务实施创建Flask程序，演示模板的基本结构静态文件与模板生成网页文件demo11-5.html的代码如下。创建Flask程序，演示模板中使用set和with语句定义变量静态文件与模板生成输出的结果【任务11-2】基于Flask框架设计简单用户登录程序（1）在PyCharm集成开发环境中创建Flask项目11-2，并在文件夹11-2中创建两个子文件夹：static和templates。（2）在Flask项目11-2中创建Python程序文件task11-2.py。（3）在文件夹templates中创建一个网页文件，将其命名为“task11-2”，在该网页中设置用户登录界面，用户登录界面主要包括用于输入用户名和密码的两个文本框，以及“提交”和“重置”两个按钮。（4）编写Python程序文件task11-2.py的代码。其中会判断HTTP请求方式，如果浏览器请求方式为POST，则获取表单文本框中的用户名和密码，若用户名和密码都正确，则使用页面跳转方法redirect()打开百度首页，否则加载网页task11-2.html，并在该页面中显示“登录失败”的提示信息；如果浏览器请求方式为GET，则在程序中调用render_template()方法直接加载网页task11-2.html，显示用户登录界面，等待用户输入用户名和密码。任务描述【任务11-2】基于Flask框架设计简单用户登录程序1．创建Flask项目11-2成功启动PyCharm后，在指定位置“D:\PyCharmProject\Unit11”创建Flask项目11-2，在该项目文件夹11-2中分别创建子文件夹static和templates。2．创建Python程序文件task11-2.py在Flask项目11-2中新建Python程序文件task11-2.py，在PyCharm主窗口中打开程序文件task