Flask路由与视图:构建你的第一个Web应用

简介: 【4月更文挑战第15天】Flask是Python的Web框架,其核心是路由和视图。路由通过`@app.route()`装饰器定义,将URL映射到视图函数。视图函数处理请求并返回响应。动态路由允许URL包含可变部分,如`<username>`,将参数传递给函数。本文通过示例展示了如何创建显示待办事项列表的Web应用,包括定义路由、视图、使用模板以及运行应用。这为基础的Flask应用开发提供了基础。

在Web开发中,路由与视图是两个核心概念。路由决定了URL模式与服务器上的特定函数之间的映射关系,而视图则是处理这些请求并返回响应的函数。在Flask框架中,通过路由与视图的结合,我们可以轻松构建出功能丰富的Web应用。本文将介绍Flask中的路由与视图机制,并帮助你构建你的第一个Flask Web应用。

一、Flask路由基础

在Flask中,路由是通过装饰器@app.route()来定义的。装饰器是一个修改其他函数行为的函数,它接受一个函数作为参数,并返回一个新函数。在Flask中,@app.route()装饰器将一个URL模式与一个视图函数关联起来。

下面是一个简单的例子,演示了如何定义一个路由:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'Welcome to my Flask app!'

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

在上面的代码中,@app.route('/')定义了一个路由,它将根URL(/)映射到名为index的视图函数。当用户访问应用的根URL时,Flask会调用index函数,并将函数的返回值作为HTTP响应返回给客户端。

二、动态路由

除了静态路由外,Flask还支持动态路由。动态路由允许我们在URL中包含可变部分,并将其作为参数传递给视图函数。这对于构建具有不同参数的URL非常有用。

下面是一个使用动态路由的例子:

from flask import Flask

app = Flask(__name__)

@app.route('/user/<username>')
def show_user_profile(username):
    return f'User {username} Profile'

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

在上面的代码中,<username>是一个动态部分,它可以匹配任何文本。当用户访问形如/user/john的URL时,Flask会将john作为参数传递给show_user_profile函数,并在响应中显示User john Profile

三、构建你的第一个Web应用

现在,让我们利用Flask的路由与视图机制来构建一个简单的Web应用。假设我们要创建一个显示待办事项列表的应用。

首先,创建一个新的Python文件,命名为todo_app.py,并导入Flask类:

from flask import Flask, render_template

app = Flask(__name__)

接下来,定义一个路由和视图函数来显示待办事项列表:

@app.route('/')
def todo_list():
    todos = ['Buy milk', 'Do laundry', 'Write blog post']
    return render_template('todo_list.html', todos=todos)

在这个例子中,我们定义了一个名为todo_list的视图函数,它返回一个待办事项列表。我们使用render_template函数来渲染一个HTML模板,并将待办事项列表传递给模板。

然后,你需要创建一个HTML模板来显示待办事项列表。在todo_app.py所在的同一目录下,创建一个名为templates的文件夹(如果尚未创建),并在其中创建一个名为todo_list.html的HTML文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todo List</title>
</head>
<body>
    <h1>My Todo List</h1>
    <ul>
        {% for todo in todos %}
        <li>{
  { todo }}</li>
        {% endfor %}
    </ul>
</body>
</html>

在上面的HTML模板中,我们使用Jinja2模板引擎的语法来遍历待办事项列表,并显示每个待办事项。

最后,添加代码来运行Flask应用:

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

现在,保存todo_app.py文件,并在命令行中运行它:

python todo_app.py

Flask开发服务器将启动,并监听默认的端口。打开浏览器,访问http://127.0.0.1:5000/,你将看到一个显示待办事项列表的Web页面。

通过这个简单的例子,你学习了如何在Flask中定义路由和视图函数,并使用模板渲染HTML页面。你可以根据自己的需求扩展这个应用,添加更多的

相关文章
|
5月前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
9月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
8月前
|
开发框架 JSON 中间件
Go语言Web开发框架实践:使用 Gin 快速构建 Web 服务
Gin 是一个高效、轻量级的 Go 语言 Web 框架,支持中间件机制,非常适合开发 RESTful API。本文从安装到进阶技巧全面解析 Gin 的使用:快速入门示例(Hello Gin)、定义 RESTful 用户服务(增删改查接口实现),以及推荐实践如参数校验、中间件和路由分组等。通过对比标准库 `net/http`,Gin 提供更简洁灵活的开发体验。此外,还推荐了 GORM、Viper、Zap 等配合使用的工具库,助力高效开发。
|
8月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
265 1
|
9月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
357 7
|
12月前
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker,可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令,展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
374 19
|
Web App开发 编解码 vr&ar
使用Web浏览器访问UE应用的最佳实践
在3D/XR应用开发中,尤其是基于UE(虚幻引擎)开发的高精度场景,传统终端因硬件局限难以流畅运行高帧率、复杂效果的三维应用。实时云渲染技术,将渲染任务转移至云端服务器,降低终端硬件要求,确保用户获得流畅体验。具备弹性扩展、优化传输协议、跨平台支持和安全性等优势,适用于多种终端和场景,特别集成像素流送技术,帮助UE开发者实现低代码上云操作,简化部署流程,保留UE引擎的强大开发能力,确保画面精美且终端轻量化。
591 17
使用Web浏览器访问UE应用的最佳实践
|
11月前
|
数据可视化 图形学 UED
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
288 2
|
安全 Linux 开发工具
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。 本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Wi
1023 2
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
786 86