Python Flask 学习笔记 —— 二（路由，视图函数，jinjia2语法）

Python Flask —— 二（路由、jinji2语法）

一、使用路由和视图函数
- 1.1 路由的概念
- 1.2 定义一个路由
- 1.3 使用动态路由
- 1.4 视图函数的响应
  - 1.4.1 生成重定向的响应
  - 1.4.2 返回 JSON 数据
- 1.5 自定义错误页面
- 1.6 路由请求方法监听（补充更新）
二、模板语法
- 2.1 Jinjia2 模板初体验
- 2.2 变量
- 2.3 使用过滤器
  - 2.3.1 常见过滤器
  - 2.3.2 使用过滤器
- 2.4 控制结构
- 2.5 循环语法
- 2.6 访问静态文件
- 2.7 前端页面外联跳转

一、使用路由和视图函数

1.1 路由的概念

客户端（Web 游览器）发送网络请求到 Web 服务器，Web 服务器再把请求转发给 Flask 程序实例。程序实例需要知道每个 URL 请求运行哪些代码。所以保存了一个 URL 到 Python 函数的映射关系。处理 URL 和函数之间的关系的程序叫做路由

1.2 定义一个路由

定义一个路由需要使用 app.route 修饰器，把修饰的函数注册为路由。与之配套的是视图函数，Flask 通过这个视图函数，来处理客户端的请求并返回数据

代码语言：javascript复制

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World"

if __name__ == '__main__':
    app.run()

这里解释一下上述代码。我们使用 hello() 函数注册为根地址的处理程序，当服务器接收到来自 http://localhost:5000 的网络请求，flask 示例就会查找根目录下的视图函数（hello 函数），找到后把返回值给客户端。

1.3 使用动态路由

我们可以在传递的 url 中指定参数，然后我们在地址栏输入的参数就可以显示到网页当中，只需使用特定的语法就可以实现

传入动态参数
传入默认参数

这里补充一点点内容，一个视图函数可以绑定多个 URL

代码语言：javascript复制

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World"

# 在这里我们可以在地址栏中 传入 name 参数，然后在 视图函数中可以接收到这个参数，并把数据显示出来
@app.route("/user", defaults={'name':'Programmer'})
@app.route("/user/")
def user(name):
    return f"Hello {name} "

# 指定用户传入的参数类型，这个可以是 int，float，等等其他类型数据
@app.route('/user/')
def user1(num):
    return f"传进来的参数是 {num} "
	

if __name__ == '__main__':
    app.run()

常见的 URL 处理中的变量转换器

1.4 视图函数的响应

参数一：响应内容

Flask’ 实例调用了视图函数之后，会将其返回值作为响应内容。响应的内容包含简单的字符串，json 数据，xml 数据，html 页面给客户端

参数二：http 状态码

但是 http 协议中一个重要的部分就是响应状态码。FLask 中默认的状态码都是 200，其实这个我们是可以手动改变的，比如手动改变 404 使访问失效

参数三：header 对象

这里一般不需要设置，但是如果我们想要返回指定格式的数据，比如 html，我们需要在 header 中加上 Content-Type: text/html ，json数据就是 json 还有很多等等

1.4.1 生成重定向的响应

访问该路由时，会跳转到百度的主页

代码语言：javascript复制

from flask import Flask,redirect

app = Flask(__name__)

@app.route("/hello")
def hello():
    return redirect('http://www.baidu.com')

@app.route('/hi')
def hi():
    return redirect(url_for('hello')) # 重定向到 /hello

app.run()

1.4.2 返回 JSON 数据

代码语言：javascript复制

from flask import Flask, make_response
import json

app = Flask(__name__)

# 这种方法不常用
@app.route("/api/json1")
def json1():
    data = {
            "name":"Gelly",
            "age":18
           }
    # 生成指定的响应
    response = make_response(json.dumps(data))
    # 指定返回的数据为 json
    response.mimetype = 'application/json'
    return response
 
# 使用 flask 提供的 jsonfiy 函数实现 json序列化
@app.route("/api/json2")
def json2():
    data = {
            "name":"Gelly",
            "age":18
           }
    return jsonify(data)

if __name__ == '__main__':
    app.run(host="127.0.0.1",debug=True,port=5000)

返回结果

1.5 自定义错误页面

像常规路由一样，flask 允许程序基于模板自定义错误页面，最常用的状态码有另个 404，500，下面是使用示例

代码语言：javascript复制

@app.errorhandler(404)
def page_not_found(e):
    return render_template('404.html'),404

@app.errorhandler(500)
def internal_server_error(e):
    return render_template('500.html'),500

当我们访问一个不存在的页面时，就会提示我们页面不存在了

1.6 路由请求方法监听（补充更新）

路由默认只监听 GET 方法，如果需要监听其他的请求方法，我们需要在属性 methods 中指定

我们只需要在装饰器中增加一个 methods 参数，就可以实现其它的请求

如果我们需要根据不同的请求方式来返回不同的数据，就可以使用 request.method 方法来实现

代码语言：javascript复制

from flask import Flask,request

app = Flask(__name__)
 
@app.route("/", methods=['POST','GET'])
def hello():
    # 如果是 post 请求就做如下参数
    # 指定请求，返回不同的数据
    if request.method == 'POST':
		return "Hello"
	else:
		return 'Hello World'

app.run()

二、模板语法

2.1 Jinjia2 模板初体验

首先在 flask 项目的根目录创建一个 templates 的目录，然后写两个简单的 html 文件，分别是 index.html 和 user.html

index.html

代码语言：javascript复制

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我是第一个页面title>
head>
<body>
    <h1>Hello Worldh1>
body>
html>

user.html

代码语言：javascript复制

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎你 {{name}}title>
head>
<body>
	
    <h1>欢迎你，{{name}}h1>
body>
html>

然后修改视图函数，使用 render_template 会使 flask 程序目录中的 templates 子文件中搜寻对应的文件。

render_template 第一个参数对应的是模板文件名，随后的参数都是键值对，表示模板中对应的真实的值

代码语言：javascript复制

from flask import render_template

@app.route("/")
def hello():
    # 渲染模板
    return render_template('index.html')

# 动态路由
@app.route("/user/")
def user(name):
    return render_template('user.html', name=name) # name 第一个参数对应模板中的 {{name}} ，作为占位的租用，第二个参数则对应占位符的值

显示效果（根页面）

模板页面

2.2 变量

上面的示例中我使用了 {{ name }} 结构表示一个变量，它属于一种特殊的占位符，它会告诉模板这个位置的值从渲染模板时使用的数据获取

Jinjia2 可以识别所有类型的变量，甚至是一些复杂的数据结构，比如列表，字典和对象。下面一些示例使用

视图函数的内容渲染：

render_template 第一个参数对应的是模板文件名，随后的参数都是键值对，表示模板中对应的真实的值

代码语言：javascript复制

@app.route("/test")
def test():
    isTrue = True
    data = {
        "name": "小黑",
        "age": 18
    }
    ls = [1,2,3]
    return render_template('index.html',isTrue=isTrue,data=data,ls=ls)

index.html

代码语言：javascript复制

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我是第一个页面title>
head>
<body>
    <h1>Hello Worldh1>

    
    显示对象内容 {{data}}
    <br>
    显示对象中的姓名{{data.name}}
    <br>
    显示对象中的年龄 {{data.age}}
    <br>
    显示布尔值 {{isTrue}}    <br>
    显示列表 {{ls}}  <br>
    显示列表中的第一个数据 {{ls[0]}}
body>
html>

2.3 使用过滤器

在 Jinjia2 中可以使用过滤器修改变量

基本格式：竖线关键字的形式显示

代码语言：javascript复制

{{ name | capitalize}}

2.3.1 常见过滤器

2.3.2 使用过滤器

代码语言：javascript复制

@app.route("/test")
def test():
    isTrue = True
    data = {
        "name": "gorit smith",
        "age": 18
    }
    ls = [1,2,3]
    return render_template('index.html',isTrue=isTrue,data=data,ls=ls)

代码语言：javascript复制

    <p>使用过滤器：首字母大写，其他小写：{{data.name | capitalize}}p>
    <p>upper： 把值转换为 大写形式{{data.name | upper}}p>

2.4 控制结构

从下面一段代码可以看出，在 jinjia2 中我们一样可以使用 Python 的语法来编写，只不过在条件判断中要加上一个判断的结尾，来告诉 flask 程序，这个网页模板中的判断条件结束了。

代码语言：javascript复制

    jinjia2 数据被隱藏了{#Jinjia2#}
    <h2>if 判断使用h2>
    
                        
        {% if data.age < 18 %}
            {{data.name}}
        {% elif data.age == 18 %}
             do Something
                 {% else %}
            {{data.age}}
        <a href="">a>
        {% endif %}

2.5 循环语法

Jiajia2 模板中的循环语法是和 Python 中的 for 循环基本相似

代码语言：javascript复制

    <h2>for in 循环h2>
        {% for foo in [1,2,3,4,5]%}
            {{foo}}
        
        <div>111div>
        {% endfor %}
    <h4>for 遍历字典h4>
        {% for key,value in data.items() %}
            {{key}} {{value}}
        <br>
        
        <div>111div>
        {% endfor %}

2.6 访问静态文件

静态文件有很多，比如一个 html 文档， css文件， js 文件，图片等等都属于静态文件，在 Python Flask 当中，如果我们要是静态文件能够访问，就需要在根目录加上一个 static 目录，然后使用 flask 中的 url_for() 函数指定静态文件的路径即可，下面来看一看具体的示例

我先定义类一个名为 img 的视图函数，让它加载 watch.html

代码语言：javascript复制

@app.route('/watch')
def img():
    return render_template('watch.html')

让我在根目录里创建了一个 static 文件，专门存放一些静态文件

接下来是编写 watch.html 文件

代码语言：javascript复制

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
	
    <p>显示静态文件 <img src="{{ url_for('static', filename='./my_blog.png') }}" width="50" >p>
body>
html>

然后我们运行一下 flask，然后在根目录加上 /watch 就可以看到静态文件了

2.7 前端页面外联跳转

当我们使用 Flask 访问了一个不存在的页面时，Flask 就给我们返回一个 404 的页面，然后我们进入这个页面后，单击返回，就可以返回到主页，这里要怎么做呢？

其实很简单，我们可以使用 url_for(‘视图函数的名称就可以解决啦’)

代码语言：javascript复制

<a href="{{url_for('web.index') }}">惩罚博主a>

解释一下，我为什么前面要加一个 web，因为我定义了一个名为 web 的 blueprint，所以需要加上 web 来解决跳转到主页的问题。

flask html python php

0 人点赞

Python Flask 学习笔记 —— 二（路由，视图函数，jinjia2语法）

Python Flask —— 二（路由、jinji2语法）

一、使用路由和视图函数

1.1 路由的概念

1.2 定义一个路由

1.3 使用 动态路由

1.4 视图函数的响应

1.4.1 生成重定向的响应

1.4.2 返回 JSON 数据

1.5 自定义错误页面

1.6 路由请求方法监听（补充更新）

二、模板语法

2.1 Jinjia2 模板初体验

2.2 变量

2.3 使用过滤器

2.3.1 常见过滤器

2.3.2 使用过滤器

2.4 控制结构

2.5 循环语法

2.6 访问静态文件

2.7 前端页面外联跳转

1.3 使用动态路由