Flask简介

zhezhongyun 2025-05-16 18:01 14 浏览

Flask 是一个轻量级且易于使用的 Python Web 框架。它帮助开发者用最少的代码快速构建 Web 应用程序。Flask 非常适合初学者，因为它简单易学易用。

为什么使用 Flask？

易于学习：Flask 具有简单清晰的结构，非常适合初学者。 轻量级：它不包含不必要的功能，因此运行速度快。 灵活：您只需添加所需的特性。 内置 Web 服务器：Flask 包含用于测试的开发服务器。 支持扩展：您可以添加数据库、身份验证等功能。

安装 Flask

首先，使用 pip 安装 Flask：

pip install flask

安装后，通过运行以下命令检查 Flask 是否正确安装：

python -m flask --version

如果您看到 Flask 版本，安装已成功！

创建您的第一个 Flask 应用

让我们创建一个 简单的 Flask 网络应用。

创建一个新的 Python 文件（例如，app.py）。2 编写以下代码：

from flask import Flask
app = Flask(__name__)
@app.route('/')
def home():
    return "Hello, Flask! Welcome to your first web app."
if __name__ == '__main__':
    app.run(debug=True)

说明：

Flask(__name__) 创建一个新的 Flask 应用程序。
@app.route('/') 定义了主页的 URL 路由。
def home() 是一个当有人访问 / 时运行的函数。
app.run(debug=True) 启动网络服务器。

运行 Flask 应用

运行您的应用，打开终端并输入：

python app.py

您将看到如下输出：

* Running on http://127.0.0.1:5000/

打开您的浏览器并访问 http://127.0.0.1:5000/。您应该看到：

Hello, Flask! Welcome to your first web app.

恭喜！你刚刚构建了你的第一个 Flask 应用！

理解 Flask 中的路由

Flask 使用路由来定义您的 Web 应用中的不同页面。

示例：添加另一条路由

@app.route('/about')
def about():
    return "This is the About page."

现在，当您访问
http://127.0.0.1:5000/about，您将看到：

This is the About page.

渲染 HTML 页面

您可以使用 HTML 文件来设计您的页面，而不是返回简单的文本。

示例：创建 HTML 文件 1 创建一个名为 templates 的文件夹。2 在 templates 中，创建一个名为 index.html 的文件。3 编写以下 HTML 代码：

<!DOCTYPE html>
<html>
<head>
    <title>Flask App</title>
</head>
<body>
    <h1>Welcome to My Flask App!</h1>
</body>
</html>

4 更新 app.py 以使用此 HTML 文件：

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
    return render_template('index.html')
if __name__ == '__main__':
    app.run(debug=True)

现在，当您访问 http://127.0.0.1:5000/ 时，您将看到 HTML 页面而不是纯文本。

结论

关键要点：

Flask 是一个轻量级且易于使用的 Web 框架。
您可以使用@app.route('/')来定义路由。
Flask 允许使用 HTML 页面 通过 render_template() 进行渲染。
内置的 开发服务器 有助于快速测试应用程序。

CSS 简介

上一篇：CSS奇思妙想-使用background创造美妙背景(上篇)
下一篇：你知道HTML、CSS、JS文件在浏览器中是如何转化成页面的吗?

Flask简介

为什么使用 Flask？

安装 Flask

创建您的第一个 Flask 应用

运行 Flask 应用

理解 Flask 中的路由

渲染 HTML 页面

结论

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

接口测试遇到500报错?别慌，你的头部可能有点问题

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

HTML 简介（html简介及优缺点）

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

关于HTML5被简称做H5，你怎么看?（html5缩写）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?