EasyUI是一個基于jQuery的UI庫，其中提供了很多功能強大的UI組件，如datagrid、tabpanel、combobox等，使開發者輕松地實現各種前端界面。同時，EasyUI還提供了豐富的API，能夠快速地將前端UI與后端數據進行關聯。下面我們就來看看如何使用EasyUI展示前臺json數據庫。

首先，我們需要準備一個json格式的數據。例如，下面的數據記錄了一些學生的信息：

var data = [
{
"id": 1,
"name": "張三",
"age": 18,
"address": "北京市海淀區",
"phone": "138****1234"
},
{
"id": 2,
"name": "李四",
"age": 20,
"address": "上海市浦東新區",
"phone": "139****5678"
},
{
"id": 3,
"name": "王五",
"age": 19,
"address": "廣州市天河區",
"phone": "136****5678"
}
];

接著，我們需要在HTML頁面中添加datagrid組件，并將json數據與之關聯：

<table id="datagrid">
</table>
<script>
$('#datagrid').datagrid({
columns:[[
{field:'id',title:'編號',width:50},
{field:'name',title:'姓名',width:80},
{field:'age',title:'年齡',width:50},
{field:'address',title:'地址',width:150},
{field:'phone',title:'電話',width:120}
]],
data:data
});
</script>

在這段代碼中，我們通過columns屬性定義了表格頭部的列名及寬度，通過data屬性將datagrid組件與json數據關聯起來。執行完以上代碼后，我們就可以看到一個漂亮的表格在頁面上展示出來了。

綜上所述，使用EasyUI展示前臺json數據庫非常簡單，只需要準備好json數據，在HTML頁面中添加datagrid組件即可。通過這種方式，我們可以快速地將數據展示給用戶，并且還能通過EasyUI提供的豐富API來實現數據的編輯、排序、篩選等功能。