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页面。你可以根据自己的需求扩展这个应用,添加更多的

相关文章
|
3月前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
7月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
6月前
|
开发框架 JSON 中间件
Go语言Web开发框架实践:使用 Gin 快速构建 Web 服务
Gin 是一个高效、轻量级的 Go 语言 Web 框架,支持中间件机制,非常适合开发 RESTful API。本文从安装到进阶技巧全面解析 Gin 的使用:快速入门示例(Hello Gin)、定义 RESTful 用户服务(增删改查接口实现),以及推荐实践如参数校验、中间件和路由分组等。通过对比标准库 `net/http`,Gin 提供更简洁灵活的开发体验。此外,还推荐了 GORM、Viper、Zap 等配合使用的工具库,助力高效开发。
|
9月前
|
数据可视化 图形学 UED
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
235 2
|
10月前
|
安全 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
714 2
|
12月前
|
安全 应用服务中间件 网络安全
实战经验分享:利用免费SSL证书构建安全可靠的Web应用
本文分享了利用免费SSL证书构建安全Web应用的实战经验,涵盖选择合适的证书颁发机构、申请与获取证书、配置Web服务器、优化安全性及实际案例。帮助开发者提升应用安全性,增强用户信任。
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
222 6
|
2月前
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
230 4
|
6月前
|
缓存 JavaScript 前端开发
鸿蒙5开发宝藏案例分享---Web开发优化案例分享
本文深入解读鸿蒙官方文档中的 `ArkWeb` 性能优化技巧,从预启动进程到预渲染,涵盖预下载、预连接、预取POST等八大优化策略。通过代码示例详解如何提升Web页面加载速度,助你打造流畅的HarmonyOS应用体验。内容实用,按需选用,让H5页面快到飞起!
|
6月前
|
JavaScript 前端开发 API
鸿蒙5开发宝藏案例分享---Web加载时延优化解析
本文深入解析了鸿蒙开发中Web加载完成时延的优化技巧,结合官方案例与实际代码,助你提升性能。核心内容包括:使用DevEco Profiler和DevTools定位瓶颈、四大优化方向(资源合并、接口预取、图片懒加载、任务拆解)及高频手段总结。同时提供性能优化黄金准则,如首屏资源控制在300KB内、关键接口响应≤200ms等,帮助开发者实现丝般流畅体验。