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

news/2024/11/8 20:53:01/

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

1.安装Flask

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

pip install Flask

图片

VS Code终端

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

2.创建Flask应用程序

2.1创建文件夹结构:

/your_project_folder
├── app.py
├── templates
│   └── index.html
└── static└── style.css

图片

文件夹结构

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

2.2编写Flask应用程序:

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

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

2.3创建模板:

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

<!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文件夹内):添加静态内容。

body {font-family: Arial, sans-serif;background-color: #f0f0f0;
}h1 {color: blue;
}

3.运行Flask应用程序

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

python app.py

图片

VS Code终端

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

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

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


http://www.ppmy.cn/news/1278503.html

相关文章

微服务之配置中心与服务跟踪

zookeeper 配置中心 实现的架构图如下所示&#xff0c;采取数据加载到内存方式解决高效获取的问题&#xff0c;借助 zookeeper 的节点监听机制来实现实时感知。 配置中心数据分类 事件调度&#xff08;kafka&#xff09; 消息服务和事件的统一调度&#xff0c;常用用 kafka …

多线程同步之:QWaitCondition

一、 QWaitCondition 不是通过 强制执行互斥&#xff0c;而是通过提供 条件变量 来同步线程。 1.1 使用 互斥量 和 QReadWriteLock&#xff0c;存在的一个问题 1.2 QWaitConditionQMutex 1.3 1.4 消费者线程先启动 2个线程启动的先后顺序不应调换&#xff1a;用先启动thread…

Macbook安装nvm以切换node版本

在Macbook上用Visual Studio Code开发前端项目时&#xff0c;经常需要安装nvm来管理node版本。 1、nvm介绍 我们在使用node开发网站时&#xff0c;可能会同时需要运行多个项目&#xff0c;每个项目所使用当node版本又不相同&#xff0c;多个版本之间的切换和维护会变得非常麻烦…

Mac 上配置Java环境变量

1、查看Java版本信息 admin-Pro ~ % java -versionjava version "1.8.0_211"Java(TM) SE Runtime Environment (build 1.8.0_211-b12)Java HotSpot(TM) 64-Bit Server VM (build 25.211-b12, mixed mode) 查看安装了那些版本&#xff08;略&#xff09; admin-Pro ~…

关于“前端已死”“JAVA“已死的言论

随着人工智能和低代码的崛起&#xff0c;“前端已死”的声音逐渐兴起。前端已死&#xff1f;尊嘟假嘟&#xff1f;快来发表你的看法吧&#xff01; 以下方向仅供参考。 此为内容创作模板&#xff0c;在发布之前请将不必要的内容删除 一、为什么会出现“前端已死”“JAVA&quo…

STM32F072 CAN and USB

1 通用描述 1.1 STM8 MOSTek 6502 -> ST7 -> STM8 STM8型号单片机分为STM8A、STM8L、STM8S三个系列。 STM8A&#xff1a;汽车级应用 STM8L&#xff1a;超低功耗MCU STM8S&#xff1a;标准系列 1.2 STM32 - F1系列用的最多&#xff0c;最大工作频率72MHz - STM32固件库&am…

计算机网络:应用层

0 本节主要内容 问题描述 解决思路 1 问题描述 不同的网络服务&#xff1a; DNS&#xff1a;用来把人们使用的机器名字&#xff08;域名&#xff09;转换为 IP 地址&#xff1b;DHCP&#xff1a;允许一台计算机加入网络和获取 IP 地址&#xff0c;而不用手工配置&#xff1…

华为鸿蒙操作系统简介及系统架构分析(2)

接前一篇文章&#xff1a;华为鸿蒙操作系统简介及系统架构分析&#xff08;1&#xff09; 本文部分内容参考&#xff1a; 鸿蒙系统学习笔记(一) 鸿蒙系统介绍 特此致谢&#xff01; 上一回对于华为的鸿蒙操作系统&#xff08;HarmonyOS&#xff09;进行了介绍并说明了其层次化…