使用 Jinja2 字段预览 HTML

Question

我刚刚开始开发 Flask Web 应用程序。我可以说我是网络开发领域的新手。现在，我正在使用 Atom 和一些插件，例如 PreviewHTML 来获取侧窗格并显示 HTML 的实时预览。我面临的问题是：如果我有一个带有 Jinja2 字段的 HTML，我看不到我正在编码的页面的预览（它无法识别该语句（base.html 存在并且工作{% extends 'base.html' %}正常）并且字段被大括号包围）。我想知道，你如何正确地完成这项工作？我现在要做的是准备一个带有 100% html 标签的 HTML，当我看到它没问题时，我将这些行转换为 jinja 字段（带有我需要的类）。有什么解决方案可以让它变得更容易吗？提前致谢。

Answer 1

我假设您正在编写一个烧瓶应用程序（感谢您的标签）。在这种情况下，您需要从命令行运行 Flask 应用程序才能识别 jinja。

你要做的就是通过以下方式运行你的烧瓶应用程序：

python 文件名.py

这将在浏览器中运行您的应用程序。因此，请转到浏览器并输入http://127.0.0.1:5000/

然后，如果您已经为您要访问的页面设置了路线，那么您将能够查看您创建的页面。

用于渲染基本 html 页面“index.html”的 Flask 文件会像这样：

    from flask import Flask, render_template

    app = Flask(__name__) 

    @app.route('/')

    @app.route('/index') 

    def index(): 

        return render_template('index.html')

    if __name__ == '__main__': 

        app.run() 

希望这可以帮助！

Answer 2

我认为您使用的实时 html 预览不适用于 jinja 字段。为此，您需要从命令行运行 python 文件。当应用程序处于开发模式时，您可以通过为 Flask 应用程序设置环境变量“TEMPLATES_AUTO_RELOAD=True”来自动重新加载 html 文件。如果您需要解释如何操作，请告诉我。

Answer 3

那是因为你写的html不是纯html。所有这些 jinja2 标签（{%%}、{{}} 等）都在由 jinja2 完成的渲染时使用。您看到的是 jinja2 渲染之前的原始 html。因此，要查看渲染的 html，您必须运行应用程序并让它为您渲染 html。