python html静态页面的制作 flask

原创

mob64ca12eb7baf 2024-10-10 06:07:10 ©著作权

文章标签 HTML html 静态页面 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12eb7baf的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用 Flask 制作 Python HTML 静态页面

在现代 web 开发中，Flask 是一个轻量级的 Python web 框架，可以帮助我们轻松搭建静态和动态网页。本文将带你逐步实现一个简单的 Flask 静态页面。下面是整个流程的概述：

步骤	描述
1	安装 Flask
2	创建 Flask 项目结构
3	编写 Flask 应用代码
4	创建 HTML 静态页面
5	运行 Flask 应用

步骤详解

1. 安装 Flask

首先，你需要确保已安装 Flask。可以通过以下命令来安装：

pip install Flask  # 安装 Flask 库

2. 创建 Flask 项目结构

接下来，创建一个项目文件夹，如 my_flask_app，并进入该文件夹：

mkdir my_flask_app  # 创建项目文件夹
cd my_flask_app     # 进入项目文件夹

在该文件夹中，你需要创建一个 app.py 文件用来编写 Flask 应用，以及一个 templates 文件夹用来存放 HTML 模板。

touch app.py                    # 创建 Flask 应用文件
mkdir templates                 # 创建存放 HTML 文件的文件夹

3. 编写 Flask 应用代码

在 app.py 中，编写如下基本代码：

from flask import Flask, render_template  # 导入 Flask 和模板渲染功能

app = Flask(__name__)  # 创建 Flask 应用实例

@app.route('/')  # 设置路由，访问根目录时执行下面的函数
def home():
    return render_template('index.html')  # 渲染 index.html 模板

if __name__ == '__main__':  # 如果这是主程序
    app.run(debug=True)  # 以调试模式运行 Flask 应用

Flask(__name__)：创建一个 Flask 应用实例。
@app.route('/')：定义一个路由，当访问根路径时，调用 home() 函数。
render_template('index.html')：返回 index.html 模板。
app.run(debug=True)：以调试模式运行应用。

4. 创建 HTML 静态页面

在 templates 文件夹中，创建一个名为 index.html 的文件，编写以下代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Flask App</title>
</head>
<body>
    欢迎来到我的 Flask 应用!
    <p>这是一个简单的静态页面。</p>
</body>
</html>

以上代码创建了一个简单的 HTML 页面，包含标题和内容。

5. 运行 Flask 应用

在终端中，运行 Flask 应用：

python app.py  # 运行 Flask 应用

打开浏览器，访问 `

关系图

erDiagram
    FLASK_APP {
        string name
        string version
    }
    HTML_PAGE {
        string title
        text body
    }
    FLASK_APP ||--o| HTML_PAGE : renders