使用Flask逐步搭建Web应用程序

大家好,Flask是一个使用Python编写的轻量级Web应用框架。它被设计成简单、易于学习和使用的,同时具备足够的灵活性和扩展性,以满足各种规模的Web应用开发需求。本文我们将介绍一个使用Flask逐步搭建Web应用程序的简单入门示例。

1.安装Flask

打开终端或命令提示符,并使用pip安装Flask:

复制代码
pip install Flask

VS Code终端

Flask已安装,终端已准备好。

2.创建Flask应用程序

2.1创建文件夹结构:

python 复制代码
/your_project_folder
├── app.py
├── templates
│   └── index.html
└── static
    └── style.css

文件夹结构

请随意根据喜好命名文件夹。📁

2.2编写Flask应用程序:

app.py:定义应用程序的路由和逻辑。

python 复制代码
from flask import Flask, render_template

app = Flask(__name__)

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

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

2.3创建模板:

index.html(位于templates文件夹内):创建HTML模板。

python 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>My Flask App</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Welcome to my Flask App!</h1>
</body>
</html>

2.4添加静态文件:

style.css(位于static文件夹内):添加静态内容。

python 复制代码
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}

h1 {
    color: blue;
}

3.运行Flask应用程序

通过在终端中执行app.py来运行Flask应用程序:

python 复制代码
python app.py

VS Code终端

在执行命令之前,请确保在终端中与app.py位于同一目录中。(可以使用* cd [directory name] *命令在目录之间移动。)

打开Web浏览器,访问http://127.0.0.1:5000/http://localhost:5000/,查看Flask应用程序的运行情况。

使用Flask搭建Web应用程序,到这里就设置完成,这只是一个简单的入门示例。大家可以根据自己的需求扩展和定制Flask应用程序,可以添加更多的路由、视图函数,使用模板引擎渲染动态页面,处理表单提交,连接数据库等等。

相关推荐
上进小菜猪2 小时前
把 KES 集群交给 Kubernetes 的九十天:一个 DBA 的试用实录
后端
两点王爷3 小时前
PostgreSQL 常用 SQL 语句与 GIS 相关函数详解
数据库·后端
麻雀飞吧3 小时前
先判断工具用来学习、开发还是执行
人工智能·python
考虑考虑4 小时前
Springboot环境变量占位符语法
spring boot·后端·spring
人邮异步社区4 小时前
学习Python的最佳学习路径是什么?
python·程序员
步行cgn5 小时前
Spring 基于 XML 的自动装配:byName 详解
java·后端·spring
troy1286 小时前
Python 基础语法(九):Django/Flask/FastAPI 三大 Web 框架详细对比解析
python·jupyter·django·flask·github·fastapi
jzshmyt6 小时前
我用 Python 从零“生成“了一个宇宙,然后让它观察自己(v14)
人工智能·pytorch·python·numpy·matplotlib·空间计算·scipy
RISCV_Explorer7 小时前
RISC-V启动与运行时规范机制解析——BRS约定、HSM多核启动与设备树要求
后端·risc-v
星栈独行7 小时前
ADK-Rust 是什么?Rust 生态新一代 AI Agent 开发套件
人工智能·后端·rust