EasyUI是一款基于jQuery的UI插件庫，它提供了很多易用的前端組件和UI效果。在進行Web開發時，EasyUI是非常方便的工具，它可以幫助我們快速開發出漂亮的前端頁面。

當我們需要在前端展示一些后端傳輸過來的數據時，使用EasyUI來進行顯示是一種很好的選擇。這里我們來介紹一下如何使用EasyUI來前臺展示JSON數據庫。

//引入EasyUI相關的樣式文件及JavaScript文件//定義要展示的JSON數據
var json_data = {
"name": "張三",
"age": 20,
"gender": "男",
"phone": "123456789",
"address": {
"province": "北京",
"city": "北京市",
"district": "海淀區",
"street": "清華東路"
}
};
//前臺使用EasyUI展示JSON數據
$(document).ready(function() {
$('#datagrid').datagrid({
data: [json_data],
columns:[[    
{field:'name',title:'姓名',width:'20%'},    
{field:'age',title:'年齡',width:'20%'},    
{field:'gender',title:'性別',width:'20%'},    
{field:'phone',title:'電話',width:'20%'},    
{field:'address.province',title:'省份',width:'20%'},    
{field:'address.city',title:'城市',width:'20%'},    
{field:'address.district',title:'區縣',width:'20%'},    
{field:'address.street',title:'街道',width:'20%'}    
]]    
});    
});

使用EasyUI展示JSON數據非常簡單，只需要定義要展示的JSON數據，然后使用EasyUI的datagrid組件來進行前臺顯示即可。

datagrid組件提供了靈活定制的列，支持列的排序、分頁、搜索等功能，非常適合用于數據展示類的頁面。如果使用起來有任何問題，可以訪問EasyUI官方網站，了解更多關于它的詳細使用方法和實例。