如何使用 python json 作为树视图渲染模板？

Question

我需要用 Flask 渲染一个 html 模板。我在 python 中有一个字典，我想在树视图中显示它。我该怎么做？

我发现这个资源：https : //github.com/jonmiles/bootstrap-treeview 可能有用，但我不能使用它。

dict_var = {

    "[e-mail]": {

        "discord_id": 0,

        "status_key": False,

        "username": "[e-mail]",

        "last_name": "aaaa",

        "gender": "male",

        "email": "[e-mail]",

    },

    "[e-mail]": {

        "username": "[e-mail]",

        "last_name": "test9",

        "gender": "male",

        "discord_data": {

            "user": {

                "avatar": None,

                "discriminator": "111",

                "verified": True,

            },

            "connections": [],

            "guilds": [

                {

                    "icon": "hellohellohellohello.jpg",

                    "id": "222222222222",

                },

                {

                    "icon": None,

                    "id": "111111111",

                    "owner": True,

                }

            },

            "email": "[e-mail]",

            "activation_key": "hello-hello-hello-hello-hello",

            "first_name": "[e-mail]",

            "discord_id": 22222223333334444,

            "state": "IT"

        }

    }

渲染模板的烧瓶函数

@app.route('/test')

def test():

   return render_template('test.html', res=dict_var)

测试.html

...

<div class="container">

    <div id="tree"></div>

<script>

    $(function() {

  var mytree = JSON.parse('{{ res|safe }}');

  $('#tree').treeview({

    data: mytree

  });

});

</script>

...

如何将res传递给js并将dict转换为treeview？

Answer 1

您可以使用tojson....<div class="container">&nbsp; &nbsp; <div id="tree"></div><script>&nbsp; &nbsp; $(function() {&nbsp; var mytree = JSON.parse('{{ res|tojson }}');&nbsp; $('#tree').treeview({&nbsp; &nbsp; data: mytree&nbsp; });});</script>...