在前端開發中,我們經常會涉及到顯示數據的問題。其中一種常見的數據格式是 JSON。在網頁中顯示 JSON 數據,我們可以使用 Datagrid 控件。以下是以 Python 為例,顯示 JSON 數據的示例:
import json import tkinter as tk from tkinter import ttk from tkinter import scrolledtext # JSON 數據示例 json_data = [ { "name": "Alex", "age": 25, "city": "Shanghai" }, { "name": "Sandy", "age": 30, "city": "Beijing" }, { "name": "Bob", "age": 35, "city": "Guangzhou" } ] # 創建 GUI 窗口 win = tk.Tk() win.title("Json Datagrid") # 創建 Datagrid tree = ttk.Treeview(win) tree['columns'] = ('Name', 'Age', 'City') tree.heading('#0', text='Index') tree.column('#0', anchor='center', width=50) tree.heading('Name', text='Name') tree.column('Name', anchor='center', width=100) tree.heading('Age', text='Age') tree.column('Age', anchor='center', width=100) tree.heading('City', text='City') tree.column('City', anchor='center', width=150) # 插入數據 for i, data in enumerate(json_data): name = data['name'] age = data['age'] city = data['city'] tree.insert(parent='', index='end', text=i, values=(name, age, city)) # 顯示 Datagrid tree.pack() # 運行窗口 win.mainloop()
這段代碼中,我們首先創建了一個列表類型的示例 JSON 數據,其中包含三個字典元素。然后,我們使用 Tkinter 模塊創建了一個 GUI 窗口,并在窗口中創建了一個 Datagrid 控件。在 Datagrid 中,我們定義了三列:姓名、年齡和所在城市,并將數據填充進去。最后,我們使用mainloop()
方法運行窗口。
使用 Datagrid 控件顯示 JSON 數據,既美觀,又易于查看,是一種非常實用的數據展示方法。