Django 前端读取 JSON 数据并展示 - 详细教程 - 常规

在 Django 中，可以使用 Django 的视图函数和模板语言来读取和展示 JSON 格式的数据。

首先，在视图函数中，可以使用 Python 的 json 模块将 JSON 格式的数据转换为 Python 对象。然后，将这些数据作为上下文变量传递给模板。

例如，假设有一个名为 data.json 的 JSON 文件，内容如下：

{
  'name': 'John',
  'age': 30,
  'city': 'New York'
}

在视图函数中，可以使用以下代码读取和传递 JSON 数据：

import json
from django.shortcuts import render

def my_view(request):
    with open('data.json') as json_file:
        data = json.load(json_file)
    
    return render(request, 'my_template.html', {'data': data})

然后，在模板中，可以使用 Django 的模板语言来展示 JSON 数据：

<!DOCTYPE html>
<html>
<head>
    <title>My Template</title>
</head>
<body>
    <h1>{{ data.name }}</h1>
    <p>Age: {{ data.age }}</p>
    <p>City: {{ data.city }}</p>
</body>
</html>

在上面的例子中，data 变量包含了 JSON 数据的 Python 对象表示。在模板中，可以使用 {{ data.name }}、{{ data.age }} 和 {{ data.city }} 来访问 JSON 数据的属性。

最后，将模板渲染为 HTML 页面并返回给客户端：

from django.shortcuts import render

def my_view(request):
    # ...
    
    return render(request, 'my_template.html', {'data': data})

当用户访问这个视图时，Django 将读取 JSON 数据并将其展示在模板中，然后将渲染后的 HTML 页面返回给用户。