初识 Flask 框架

发布于:2025-06-15 ⋅ 阅读:(20) ⋅ 点赞:(0)

1.Flask 框架概述
Flask 作为一个微框架,强调简单性和灵活性。它依赖于两个重要的 Python 库来提供核心功能:

  • Werkzeug:这是 Flask 的底层库,提供了 WSGI 接口、HTTP 请求和响应处理、路由等核心功能。
  • Jinja2:一个功能强大的模板引擎,用于动态生成 HTML 页面。Flask 的设计目的是让开发者能够快速开发应用,并提供了灵活的方式进行扩展。如果你不需要复杂的功能,Flask的核心本身已经足够满足需求。如果你需要更多高级特性,可以通过 Flask 的扩展库进行补充。

1.1 安装 Flask
安装 Flask 非常简单,只需使用 Python 的包管理工具 pip 即可:

1.2 创建你的第一个 Flask 应用
        Flask 的应用结构非常简单,只需创建一个 Python 文件,并通过 Flask()类来实例化应用对象。以下是一个最简单的 Flask 应用示例:

代码解析:

  • Flask(_ name ):创建 Flask 应用实例,_name_参数用于 Flask 了解当前模块的名称,通常我们使用这个参数来帮助 Flask 在不同模块间进行配置。
  • @app.route('/'):定义路由和视图函数的映射。'/'是根路径,当用户访问根 URL 时,Flask会调用 hello world()函数。
  • return'Hello,world!':视图函数返回一个简单的字符串响应,Flask 会将其作为 HTTP 响应返回给客户端。
  • app.run(debug=True):启动 Flask 开发服务器,debug=True 表示启用调试模式,这样可以在开发过程中自动重载应用,并在发生错误时显示详细信息。

1.3 运行 Flask 应用
保存上述代码为 app.py,然后在命令行中运行:

2. Flask 路由与视图函数
Flask 的核心之一就是路由系统,它将用户访问的 URL 与对应的视图函数相连接。Flask 通过装饰器@app.route()来定义路由,而视图函数则负责处理用户的请求并返回响应。

2.1 动态路由
Flask 支持动态路由参数,可以通过 URL 中的动态部分来获取数据。以下是一个示例:

代码解析:
methods=['POST']:只允许 POST 请求访问此路由。如果用户通过 GET 请求访问,Flask 会返回405 Method Not Allowed 错误:

2.2 支持多种 HTTP 请求方法
Flask 不仅支持 GET 请求,还支持其他常见的 HTTP 请求方法,如 POST、PUT、DELETE 等。你可以通过methods 参数来指定允许的请求方法:

2.3 使用 Jinja2 模板渲染 HTML
Flask 结合 Jinia2 模板引擎来动态生成 HTML 页面。你可以将 HTML 文件与 Python 代码分离,保持应用结构清晰。在 Flask 中,模板文件默认存放在 templates 文件夹中。
假设我们有一个名为 greet.html 的模板文件,内容如下:

代码解析:
        render template('greet.html',name=name):Flask会加载 greet.html 模板,并将 name
的值传递给模板。模板中的{{ name }}会被替换为传入的值。

2.4 模板继承与块
Flask支持模板继承和块(B1ock)功能,这对于构建复杂页面非常有用。你可以在基础模板中定义通用的布局结构,在子模板中覆盖特定的部分。
基础模板 base.html:

子模板 index.html:

代码解析:

  • {% extends 'base.html'%}:子模板继承了 base.html 模板。
  • {% block title %}Home{% endblock %}:覆盖父模板中的 title 块。
  • {% block content %}:定义页面的主要内容区域。

3.Flask 表单处理与用户输入
Flask 可以通过表单来获取用户输入,常见的做法是结合 Flask-WTF 扩展来简化表单处理和验证Flask-WTF为 Flask 提供了一个表单类,你可以在表单类中定义字段和验证规则。

3.1 安装 Flask-WTF

3.2 创建一个简单的表单

代码解析:

  • FlaskForm:继承自 FlaskForm 类,定义表单字段。
  • StringField('Name',validators=[DataRequired()]):定义了一个文本输入字段,并且通过 DataRequired()验证器确保字段不能为空。
  • form.validate on submit():检查表单是否通过验证并被提交。

index.htm1 模板:

3.3 表单验证
Flask 表单处理的强大之处在于它的验证机制。通过 wtforms,你可以非常方便地为表单字段添加各种验证规则。比如,除了 DataRequired(),你还可以使用:

  • Length(min=2,max=50):验证输入的长度。
  • Email():验证输入是否是有效的邮箱地址。
  • EqualTo('password'):验证两个字段的值是否相等。

4. Flask 的项目结构与部署
4.1 项目结构
随着应用的复杂度增加,Flask 应用的结构通常会发生变化。一个典型的 Flask 项目结构如下:

/my flask app
	/app
		/templates
			index.html
		/static
			/css
			/js
		_init_.py
		routes.py
		forms.py
run .py
  • /templates:存放所有 HTML 模板文件。
  • /static:存放静态文件(如CSS、JS、图片等)
  • _init_·py:初始化 Flask 应用。
  • routes.py:定义所有路由和视图函数。
  • forms.py:定义表单类。

4.2 部署 Flask 应用
Flask 应用的开发环境通常使用 Flask run 启动,但在生产环境中,我们需要通过更强大的 web 服务器进行部署,常见的有:

  • Gunicorn:一个Python WSGI HTTP 服务器,常用于生产环境部署。
  • Nginx:作为反向代理,前端处理静态文件请求,转发动态请求到Flask 应用。部署时,可以通过以下命令启动 Flask 应用:

5.小案例:简单博客应用
在上文中,我们已经介绍了 Flask的核心概念和基本操作。现在,我们结合这些知识,创建一个简单的博客应用,允许用户提交文章并展示在页面上。

5.1 项目结构

5.2 app.py 代码:

5.3 index.html 模板:

5.4 代码解析:
1。数据存储:我们通过 Python 的 posts 列表存储所有提交的文章,每一篇文章由一个包含 title
和 content 的字典表示。
2表单提交:当用户通过表单提交文章时,Flask会将文章的标题和内容添加到 posts 列表中。

3 模板渲染:Flask 通过 render_template 将所有文章渲染到 index.htm1 模板中,使用{% for3.
post in posts %}循环显示每一篇文章。

5.5 运行博客应用:
1.将 app.py 和 index.html 保存到相应文件夹中。
2.在命令行中运行 Flask 应用:python app.py
3.访问 http://127.0.0.1:5000/,你将看到一个简单的博客界面,能够提交文章并査看已发布的内容。


网站公告

今日签到

点亮在社区的每一天
去签到