Flask前端实战：使用静态文件和模板继承实现多页面应用

2023-06-03 01:46| 来源: 网络整理| 查看: 265

除了Jinja2模板引擎，Flask还提供了托管静态文件（如CSS、JavaScript、图像等）的功能，可以用于实现多个HTML页面的Web应用程序。下面是一个示例，演示如何使用静态文件和模板继承实现带导航菜单的多页面Web应用程序。

首先，我们需要在Flask应用程序中添加静态文件和模板文件的目录，例如：

app = Flask(__name__, static_folder='static', template_folder='templates')

然后，我们可以在静态文件目录中添加CSS和JavaScript文件，例如在static/css目录中添加styles.css文件，其中包含了导航菜单的样式。然后，在模板文件目录中，我们可以创建一个基础模板（例如base.html），其中包含了公共的HTML结构和导航菜单代码。然后，在其他HTML页面中，我们可以继承基础模板，并添加自己的内容和样式。

下面是一个示例，演示如何使用静态文件和模板继承实现多页面Web应用程序：

from flask import Flask, render_template app = Flask(__name__, static_folder='static', template_folder='templates') @app.route('/') def index(): return render_template('index.html', title='Home') @app.route('/about') def about(): return render_template('about.html', title='About') if __name__ == '__main__': app.run(debug=True)

在这个示例中，我们定义了两个视图函数，一个是index()，返回主页的内容；另一个是about()，返回关于页面的内容。同时，我们使用render_template()函数渲染不同的模板文件，其中包含了不同的页面内容和导航菜单结构。

下面是base.html基础模板文件的示例代码：

{% block title %} {% endblock %}

【本文地址】

公司简介

联系我们