首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用flask在html中显示相同的缩进json内容?

要在HTML中显示相同缩进的JSON内容,可以使用Flask框架来实现。Flask是一个轻量级的Python Web框架,可以用于构建Web应用程序。

首先,需要安装Flask。可以使用pip命令来安装Flask:

代码语言:txt
复制
pip install flask

接下来,创建一个Flask应用程序,并编写一个路由函数来处理请求。在这个路由函数中,可以使用Flask提供的jsonify函数将JSON数据转换为响应对象,并设置响应头的Content-Type为application/json

代码语言:txt
复制
from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/')
def display_json():
    json_data = {
        "name": "John",
        "age": 30,
        "city": "New York"
    }
    return jsonify(json_data)

if __name__ == '__main__':
    app.run()

在上述代码中,json_data是一个示例的JSON数据。在路由函数display_json中,使用jsonify函数将json_data转换为响应对象,并返回给客户端。

接下来,创建一个HTML模板文件,用于显示JSON内容。在模板文件中,可以使用Flask提供的模板语法来动态生成HTML内容。

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
    <title>Display JSON</title>
</head>
<body>
    <pre>{{ json_data }}</pre>
</body>
</html>

在上述模板文件中,使用{{ json_data }}来显示JSON内容。pre标签用于保留原始的文本格式,以保持相同的缩进。

最后,在Flask应用程序中的路由函数中,使用render_template函数来渲染HTML模板,并将JSON数据传递给模板。

代码语言:txt
复制
from flask import Flask, jsonify, render_template

app = Flask(__name__)

@app.route('/')
def display_json():
    json_data = {
        "name": "John",
        "age": 30,
        "city": "New York"
    }
    return render_template('index.html', json_data=json_data)

if __name__ == '__main__':
    app.run()

在上述代码中,render_template函数将index.html模板渲染为HTML,并将json_data传递给模板。

通过以上步骤,当访问Flask应用程序的根路径时,将显示相同缩进的JSON内容。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券