EasyUI 是一個非常常用的前端框架，用于快速開發(fā)網(wǎng)頁應用。它提供了豐富的組件和功能，讓開發(fā)者可以輕松地創(chuàng)建出漂亮、易用的UI界面。

其中一個常用的功能是展示 JSON 數(shù)據(jù)。EasyUI 提供了一個 datagrid 組件，可以把 JSON 數(shù)據(jù)展示成一個表格。下面是一個示例代碼：

$(function(){
$('#dg').datagrid({
url:'get_data.php',
columns:[[
{field:'name',title:'Name',width:100},
{field:'email',title:'Email',width:100},
{field:'phone',title:'Phone',width:100}
]]
});
});

在上面的代碼中，我們首先使用 jQuery 獲取了一個 id 為 "dg" 的 div 元素，然后通過調(diào)用 datagrid 方法來初始化一個表格。url 參數(shù)指定了從哪里獲取數(shù)據(jù)，columns 參數(shù)定義了表頭及各列的屬性。

在 get_data.php 中，我們可以返回一個 JSON 格式的數(shù)據(jù)，例如：

{
"total":2,
"rows":[
{"name":"John","email":"john@example.com","phone":"555-1212"},
{"name":"Bob","email":"bob@example.com","phone":"555-1213"}
]
}

其中，total 屬性表示總共有多少行數(shù)據(jù)，rows 屬性是一個數(shù)組，包含了每一行數(shù)據(jù)的各個屬性。

通過這種方式，我們可以使用 EasyUI 快速地創(chuàng)建出一個表格，展示 JSON 數(shù)據(jù)。