首页flask怎么连接前端

flask怎么连接前端

时间: 2024-05-07 14:18:24 浏览: 21

Flask 是一个后端框架，用于开发 Web 应用程序。为了将 Flask 与前端连接起来，你需要使用模板引擎。模板引擎允许你使用 HTML 和 CSS 来渲染动态内容。Flask 支持多种模板引擎，如 Jinja2、Mako、Tenjin 等等。其中，Jinja2 是 Flask 中最常用的模板引擎。它使用类似于 Django 模板语言的语法，允许你在 HTML 中嵌入 Python 代码，以及使用控制流语句和变量。下面是一个简单的 Flask 应用程序，演示了如何在前端使用 Jinja2 模板引擎： ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): # 传递变量到模板中 name = 'Alice' return render_template('index.html', name=name) if __name__ == '__main__': app.run() ``` 在这个例子中，`render_template` 函数用于渲染模板，并将变量 `name` 传递到模板中。模板引擎会自动将变量替换为相应的值。在模板中，你可以使用 `{{}}` 语法来插入变量，以及使用 `{% %}` 语法来添加控制流语句和循环。例如，下面是一个简单的模板示例，将变量 `name` 插入到 HTML 中： ```html <!DOCTYPE html> <html> <head> <title>Hello Flask</title> </head> <body> <h1>Hello {{ name }}!</h1> </body> </html> ``` 当你访问应用程序的根路径时，Flask 会返回渲染后的模板。在本例中，它将显示一个包含 `Hello Alice!` 的标题的 HTML 页面。