如何使用flask在html中显示相同的缩进json内容？
要在HTML中显示相同缩进的JSON内容，可以使用Flask框架来实现。Flask是一个轻量级的Python Web框架，可以用于构建Web应用程序。
首先，需要安装Flask。可以使用pip命令来安装Flask：
pip install flask接下来，创建一个Flask应用程序，并编写一个路由函数来处理请求。在这个路由函数中，可以使用Flask提供的jsonify函数将JSON数据转换为响应对象，并设置响应头的Content-Type为application/json。
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内容。
<!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数据传递给模板。
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内容。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
