使用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应用程序,可以添加更多的路由、视图函数,使用模板引擎渲染动态页面,处理表单提交,连接数据库等等。

相关推荐
BingoGo6 小时前
告别 Laravel 缓慢的 Blade!Livewire Blaze 来了,为你的 Laravel 性能提速
后端·laravel
风象南6 小时前
WHAT? AI把我仓库内容全删了!!!
后端
摸鱼的春哥6 小时前
春哥的Agent通关秘籍12:本地RAG实战(中下)向量化与落库
前端·javascript·后端
JaguarJack6 小时前
告别 Laravel 缓慢的 Blade!Livewire Blaze 来了,为你的 Laravel 性能提速
后端·php·laravel
摸鱼的春哥6 小时前
专家实验让AI做战争决策,AI的选择太暴力了
前端·javascript·后端
Victor35613 小时前
MongoDB(15) 如何在MongoDB中启用身份验证?
后端
Victor35613 小时前
MongoDB(14)如何修改MongoDB的默认端口?
后端
怒放吧德德16 小时前
Spring Boot 实战:RSA+AES 接口全链路加解密(防篡改 / 防重放)
java·spring boot·后端
陈随易19 小时前
真的,你可以不用TypeScript
前端·后端·程序员
郑州光合科技余经理19 小时前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php