使用 Flask 获取当前页面的实现
在 Web 开发中，获取当前页面的 URL 是一项常见的需求。今天，我们将通过使用 Python 的 Flask 框架来实现这一目标。对于刚入行的小白来说，这个过程可能会显得复杂，但只要按照流程和步骤一步步来，就能顺利实现。
实现流程
首先，我们需要了解整个实现的流程。下面是一个简单的步骤表格，帮助你理清思路：
| 步骤 | 说明 |
|---|---|
| 1 | 安装 Flask |
| 2 | 创建 Flask 应用程序 |
| 3 | 定义路由，获取当前页面 URL |
| 4 | 渲染模板，将当前 URL 传递到前端 |
| 5 | 创建 HTML 模板并显示当前页面 URL |
| 6 | 运行应用并测试 |
每一步的详细说明
第一步：安装 Flask
在开始之前，你需要确保已经安装了 Flask。如果尚未安装，可以使用以下命令：
pip install Flask
这条命令会从 PyPI 下载并安装 Flask。
第二步：创建 Flask 应用程序
接下来，我们需要创建一个基本的 Flask 应用程序。这个过程需要新建一个 Python 文件，例如 app.py，并输入以下代码：
from flask import Flask, render_template
# 创建 Flask 应用实例
app = Flask(__name__) # __name__ 用来标识当前模块
这段代码首先导入了 Flask 库，并创建了一个 Flask 应用实例。
第三步：定义路由，获取当前页面 URL
在 Flask 中，路由用于定义用户访问的 URL。在这里，我们创建一个新的路由，获取当前页面的 URL。我们可以使用 request 对象的 url 属性来获取当前页面的 URL。
from flask import request
@app.route('/') # 设置访问根目录的路由
def home():
current_url = request.url # 获取当前页面的 URL
return render_template('index.html', current_url=current_url) # 渲染模板，并将 URL 传递给模板
在这段代码中：
- 我们使用
@app.route('/')装饰器来定义根 URL 的路由。 request.url会返回当前请求的完整 URL。- 使用
render_template函数渲染 HTML 模板，并将current_url传递给模板。
第四步：创建 HTML 模板并显示当前页面 URL
Flask 使用 Jinja2 模板引擎来渲染 HTML 模板。因此，我们需要在项目目录下创建一个名为 templates 的文件夹，并在其中创建一个 index.html 文件。这个文件用于显示当前页面的 URL。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>当前页面 URL</title>
</head>
<body>
当前页面 URL
<p>{{ current_url }}</p> <!-- 显示传递的当前 URL -->
</body>
</html>
在此 HTML 文件中，我们使用 {{ current_url }} 来插入从 Python 代码中传递的当前页面 URL。
第五步：运行应用并测试
完成以上步骤后，我们需要在 app.py 文件中添加以下代码以运行 Flask 应用：
if __name__ == '__main__':
app.run(debug=True) # 在调试模式下运行应用
这段代码判断如果当前脚本是主程序，就启动 Flask 应用。其中，debug=True 表示开启调试模式，方便开发时查看错误信息。
第六步：运行并测试
现在，在命令行中运行你的 Flask 应用：
python app.py
打开浏览器，访问 ` URL 被成功显示出来。
总结
通过以上步骤，我们成功实现了在 Flask 中获取当前页面 URL 的功能。这个过程包括创建 Flask 应用、定义路由、使用 request 对象获取当前 URL、以及渲染 HTML 模板等步骤。以下是我们实现的流程关系图：
erDiagram
FLASK_APP {
string name
}
ROUTE {
string path
string function
}
TEMPLATE {
string file_name
}
FLASK_APP ||--o{ ROUTE : defines
ROUTE ||--o{ TEMPLATE : renders
如今，你已经掌握了如何在 Flask 中获取当前页面的 URL，并通过网页展示它。希望这个指南对你有所帮助，鼓励你继续探索与学习 Flask 的更多功能！如果你有任何疑问，可以随时向我提问。
