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

相关文章
|
20天前
|
弹性计算 Java 关系型数据库
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
|
28天前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
61 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
20天前
|
弹性计算 Java 数据库
Web应用上云经典架构实战
本课程详细介绍了Web应用上云的经典架构实战,涵盖前期准备、配置ALB、创建服务器组和监听、验证ECS公网能力、环境配置(JDK、Maven、Node、Git)、下载并运行若依框架、操作第二台ECS以及验证高可用性。通过具体步骤和命令,帮助学员快速掌握云上部署的全流程。
|
22天前
|
安全 应用服务中间件 网络安全
实战经验分享:利用免费SSL证书构建安全可靠的Web应用
本文分享了利用免费SSL证书构建安全Web应用的实战经验,涵盖选择合适的证书颁发机构、申请与获取证书、配置Web服务器、优化安全性及实际案例。帮助开发者提升应用安全性,增强用户信任。
|
2月前
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
32 6
|
2月前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
44 5
|
2月前
|
存储 消息中间件 缓存
构建互联网高性能WEB系统经验总结
如何构建一个优秀的高性能、高可靠的应用系统对每一个开发者至关重要
32 2
|
2月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
54 4
|
20天前
|
弹性计算 负载均衡 安全
云端问道-Web应用上云经典架构方案教学
本文介绍了企业业务上云的经典架构设计,涵盖用户业务现状及挑战、阿里云业务托管架构设计、方案选型配置及业务初期低门槛使用等内容。通过详细分析现有架构的问题,提出了高可用、安全、可扩展的解决方案,并提供了按量付费的低成本选项,帮助企业在业务初期顺利上云。
|
2月前
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
127 3