PHP+MySQL+Easyui tree菜单从后台加载json数据(一)

实现功能：从数据库加载出所有的数据库名，相应的数据库加载对应的数据库表名

原理：（首先看一下参考手册的内容）

异步加载Tree

tree 支持内置的异步加载模式,用户创建一个空的tree,然后定义一个远程服务器站点返回json数据用于填充tree来异步满足异步加载需求

  <ul id="tree"></ul>  

使用javascript加载数据

<script>
    $('#tree').tree(
    {
        url:'tree_getData.php'
    });
</script>

tree的加载是通过URL  'tree_getDat.php'站点.子节点的加载依赖于父节点的状态.当展开一个关闭节点,如果节点没有子节点加载,将发送节点id值作为http参数,参数命名为'id'到远程服务器,通过以上URL定义.检索子节点数据

查看一组从服务器返回的数据

[{
    "id": 1,
    "text": "Node 1",
    "state": "closed",
    "children": [{
        "id": 11,
        "text": "Node 11"
    },{
        "id": 12,
        "text": "Node 12"
    }]
},{
    "id": 2,
    "text": "Node 2",
    "state": "closed"
}]  

我们需要做的是将后台返回的数据拼凑成上述格式

前台代码即为上述代码

后台代码如下：

<?php

    require('./mysql_connect/mysql_connect.php');
    $db_select=@mysqli_select_db($dbc,'information_schema');
    if($dbc)
    {
            //查询所有数据库名称
            $sql="select SCHEMA_NAME from schemata where SCHEMA_NAME not in
            ('information_schema' , 'performance_schema' , 'mysql')";
            $rs=@mysqli_query($dbc,$sql);
            if($rs)
            {
                //存储最终结果
                $items=array();
                //
                $result=array();
                while($row=mysqli_fetch_array($rs,MYSQLI_ASSOC))
                {
                    //echo $row['SCHEMA_NAME']." ";
                    $result['id']=$row['SCHEMA_NAME']; //id
                    //中间值
                    $schema_name=$row['SCHEMA_NAME'];

                    $result['text']=$row['SCHEMA_NAME']; //text
                    $result['state']="closed";  //state
                    $children=array();
                    //echo $schema_name." ";
                    //$sql="select TABLE_NAME from tables where TABLE_SCHEMA=$row['SCHEMA_NAME']"; 显示sql语句错误
                    $sql="select TABLE_NAME from tables where TABLE_SCHEMA='$schema_name'";
                    $res=@mysqli_query($dbc,$sql);
                    while($r=mysqli_fetch_array($res,MYSQLI_ASSOC))
                    {
                        //    echo $r['TABLE_NAME']." ";
                            $table_name=$r["TABLE_NAME"];
                            array_push($children,array("id"=>$table_name,"text"=>$table_name));//childer中的id,text
                            $result['children']=$children;

                    }
                    array_push($items,$result); //(1)
                }

                 //echo json_encode($result);(2)
                echo json_encode($items); //(3)
            }
    }else{
            echo "Connect error".mysql_connect_error($dbc);
    }
?>

起初没有(1) (3),如（2）般输出，发现前台加载不出来，然后输出后台数据仔细看了大半天才发现自己个格式是这样的：

{"id":"tpss","text":"tpss","state":"closed","children":[{"id":"t_prekeychart","text":"t_prekeychart"}]}

跟要求个格式不一样，最外层少了一个[....],然后想了一下加上了(1)、(3)，然后测试通过了。

上截图：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAIUCAIAAADqiUvHAAAfI0lEQVR4nO2dz4scRRTHxxBC8AdePLiKiIJz8GQm+QME/wGve5ubISwhKrnkoCiLznjxIIbMsIQlungRRgiyIiOi7C4u2UGWQQJ6C7l5MLeWJNIedrq7frxX3dPTXfW63/swhJ2e7p7K1HdeV9f7zqvOA4E3ndANEALT2RZ404kE3ogCuCMK4E55BRyNLhyNLty5cf7w+rnfvnyjwjYJPimpgKPRhTjh4aPHDx89/vXz11dqyHzY6w3nK51CKEMZBSTdv6U/4p8+e+3HT1/d3Xz5+49fuv3Ri9998PwSJ/WhAFEZAKqA6XQ6GAzAl+7cOA8pYKGDlG+vPXd8fFy0IaKAQMAKmE6n3W632+2Crx5ePxfHcfzvF65HvPXN1Wf39/eV4+bDXqfT6XQ6Sjek29LNajflddmknx46GfY6/YnyQm84t3boGO9lN2k+7HX6w2Rrf5KeobXSARRw0v3r6+ugAg7Ga7mPe7+8Hf+9+dW7T+3t7aUHJp2i/jXPui3t7OIKUM44HM6jST+VwOJPYwfrdECT5sNeR9nYSU6Z7do2TAWk3e9QQByPkEvAVhyP/vx542C8Ft/d3L58VlGA0j/px6kIYDUFGG+R/GHuYJwOaRL47u29gGgKULs/XwFI8I8eDA/Ga//9ceXmxplMAXMtBnfSGG1/xEt87tlJ057vDed6YFF30E8HNom5AgaDQVcBGwkuRPDPEH7EO4fbr9y7/dbWpdNIDEgAP2IwMDiZD3vKGKLft45JdnDEAGeTCrekiZS5G8zCwP0PgUe8c/eHN3+/1R1fPAWPA6Jo0le/tFFk9KJ6IcY/9/mwv3gt60r1Mg7sYPQ50CRRQEEWIvjrKvh4cP/awfiF0TtPIPcCHe36exKCla9uul9/mDcOME+n97G9gzn2t5okCijIwXht5/1n1MfX7z1968qT25fP3tw4s3Xp9Pjiqd3d3dlsVm1z84ACu+CkfF5gNpvtOams+80hG3qDPtfmBIRCSG6QO6IA7ogCuCMK4I4nBXyC46cBAoY/BcTxKI5j418RQXA8K8B8fPLJJ/HRKLwI2jvhkwuJGBA+EogC6iaNAWqXG8HAT0tgRAF1g8UApwKUuUDFvrGEpWc+7PWGw751CJ6SVjxFRt5AO3zY73Q6vR7kSmocIWOAGglsBUz6HX2KV5nzLWjpmQ97SsbH5UI7+QPwFMHvmG00XEkNhGwMsD5SLVAXs/QUP8RUQLF3tF1JDYRqDLCTPFr3JC9XqwDDU5T7joArqXnQiAH2DaH9oWpblo8B6eG55sT0kpH7jhHqSmoQBGLAEXgVUK+32RbgqlxMAdnBoAdpPuz1hhPTU5T3jmk7GyyA4DHgCIkBUQQbeGzPj1sBkJ0A8CCl4wDMU4RbFxs8BIiiKNic4JH+b03Tgj7u8psuAAKZoRrnBOtXQKPHgCdIdpg7ogDuiAK4IwrgTviRoJ8GCBgk/AF+2iCAMPYIMfYEqJCIAfVGAqyntZljvnJg7BHSOl0UUDM5uUHMIZLO6INunyiyfwysb+x0km/5xE4RZDGg39dKDPX7OSWJWqUUArlBUAGGXQd0+8C1iSxzkZ3PVfO84FUgvyRRe6AaA4rYdcBCQDnmIuW5axyQW5KoPVCNAUZeFnP7dFTSjbACTOOpcySYV5KoPdCIAfgNYWbXsd0+WCEgUAHZtaFIDMgtSdQeCMQAyCNklgAC3T5wbSLLXJSOBI1xhO4jgi4erpJErSF0DMA8QoZdB3H7wLWJjI2LPrYqFhlOMuuuIqckUVtoiEcowO16677sCOEzQ4XmBL0roAXmn4JIdpg7ogDuiAK4IwrgTviRoJ8GCBgk/AF+2iCAMPYICVEUEYkBUCTga9nwDFmPkCjAE6HzArAC9LyvSwlmyher/AOWjBj2O2mtCOuYVhqCAAjkBleIAUVrDYEKANYRW/h/QOtRW6EZA6JiClih1pC6EV2zDHitfTQ5BtjZm+K1hkyjsO5Hsq1H7YVGDABuCEspAKv8k1c4KDt64STgkRaMoohEDIDrCBXph8K1hpDCQZj/B7IetZbQMcBRR6jQeLxArSFH4aCTlwH/D2g9aicN8QgJtRE+M4TMCSqYQzMWAzRvSHaYO6IA7ogCuCMK4E74kaCfBggYJPwBftoggIhHiDskYgAUCcQh4gnxCHEndF5gNY8Q7u3JsQyl7iBWdiAQArnB0jEA8vYUXJ4McIC03wsCQzMGREsqIH2+pGWImR0IpMkxAPD2LG8ZYp9tohEDynmElF3hNd8wyxAcA5hCIAaU9QhZ3p7CliG9ciAfOxBI6BiwikeoiLfHtgwB5QW52IFAxCPEnfCZIWROUEE8QnUi2WHuiAK4IwrgjiiAO+FHgn4aIGCQ8Af4aYMAwtgjJA6EKIqIxAAoEpTonyUPKaOAFqqmTR4hUUAZQucFKvMITcxDwMIRxrmBIhK2lQjwG7VpTpJAbrAyj5B+CKwAJVuo7AA4heBCQxIDyrJkDIhKeYQKKACsJwI6hVABiQJKUUsMMFO/BRSgisZeX0aN76KAasmJAZV4hGwFuMsHwTEAen9RwOq4YkBlHiH9ELB8kH5JB9YuTZ1CyECyfbay0DGgWo+QfghQPkg5Sl9NEDIXuW8l2hILxCPEnfCZIWROUEE8QnUi2WHuiAK4IwrgjiiAO+FHgn4aIGCQ8Af4aYMAwtgjlNLCqd4lIBEDoEhQMDNURdeJAjwA5gVW9giJAiogdF6gvEcI3MectYcNQUa5IcAOZOyG1SBqAwRyg9XFAFdRICNVqPYgbAfKMw61BZoxICqlAHdRINUlgpcbKm4cagstigFIUSCzwBxYbKaEcagt0IgBJT1CjhigbDMS/gUVkGscagsEYkD5tcbMfWyrT9bd2TjAupjjdiCXcagthI4BK6415hj7Z0M72xKk74bZgdzGobYgHiHuhM8MIXOCCuIRqhPJDnNHFMAdUQB3RAHcCT8S9NMAAYOEP8BPGwSQtnuE2jiHUy0kYgAUCcT94YlGe4QKIArII3ReYAmPULX+H2EBgdxgsRhQrf9HSKEZA6Ka/T9CRkNiQLX+H0GBRgzI9whV6/8RMgjEgGIeoWr9P0JK6BiwhEeoWv+PsEA8QtwJnxlC5gQFT0h2mDuiAO6IArgjCuCOKIA75RVwNLpwNLpw58b5w+vnfvvyjQrbJPikpAKORhfihIePHj989PjXz1+vtmWCH8ooIOn+Lf0R//TZaz9++uru5svff/zS7Y9e/O6D55c/t8zb+QZVwHQ6HQwG4Et3bpyHFLDQQcq31547Pj5esj2iAN/ACphOp91ut9vtgq8eXj8Xx3H87xeuR7z1zdVn9/f3leOMiX4tizPpnywDoGeAlbo9wyKOIOBdhBwABZx0//r6OqiAg/Fa7uPeL2/Hf29+9e5Te3t76YGQySfJ72ppPrN/zaywwxHkthIJEKYC0u53KCCOR8glYCuOR3/+vHEwXovvbm5fPqsoADH5TPqdXr8PLQBmP7O22qYBt5VIANAUoHZ/vgKQ4B89GB6M1/7748rNjTOZAhCTT2R+j10KKOQIQt5FwNAUMBgMugrYSHAhgn+G8CPeOdx+5d7tt7YunUZigMKkf3KJz48BRRxBLVwIqnbK3A1mYeD+h8Aj3rn7w5u/3+qOL56CxwFpWZ50mxIHzPXClGKO+Y4g+F0EFyVnhBYi+Osq+Hhw/9rB+IXRO08g9wLZ8E+7FzDKuPX0tYOLOILgLYKL8grYef8Z9fH1e0/fuvLk9uWzNzfObF06Pb54and3dzabVdtcoXLK5wVms9meE+n+RiC5Qe6IArgjCuCOKIA74d3ifhogYJCoIeKnDQJI2+sI+SaZtmrOZBSJGFBdJKjfYOJ8hyamI8nWESpHWItRIw1OoX877FIAUBEIXAci2WUCVB/KzqGlmFLHUX+S5RusXAO0xNjJW0PlidKWKMnrBiSpCdQPQBQAVASyFaBYgobAQkBK/lhfL0ztNGOHnCXGUgUA5YmMJjajfhHZGFCsIpD54ToMJtB6YcDfeUuMKTHAOomezLbfmiRUY0DRejBZqAUWAtI++eSMbgWALqMSCgDfmiQ0YoB9Qwg7wGAnUZS5RmxbWYEvtPZ33hJjxWNAQxyLBGIAXEcIqgikXr4XvdnPvnP9SWRePJBxgEsBeUuMFVSAjAMM0BjgqCNkuX3S5/2hMg4w/EDQjxLMHZwKAFxGZRQAvTVJpI4Qd8JnhiqdExSWRrLD3BEFcEcUwB1RAHfCjwT9NEDAIOEP8NMGAUQ8Qnk0Mum/BCRiAOlIsKoCqCuoZR6hGhAFVEJObjDHIwT8VnzhH4G8OpqlBzhPcriyyfUUfAvktI60BFmvEIHcIO4RMr06dt0hRRVYWQHgPIazyP0UtgPBBYugjRIDoiha1SOE1x3KdQGB5zHSte6ncBoQbB64URQQRVFJj5Dl1YmiyPAPFvGBAeexnUX4U1ABmJUIfi9RQJm1xorVHQI9GWgMMFFMJ/jT/BjgbrMoIIqismuNmV4du+4Q6MvCzYLJImWas8j9FHOUgAWLsI2ULSKhY8ASHiHrXsAwdoLOH+A8lrPI/RTzFNmnxTaCNw1kaLhHiHqIbQDhM0MrzQmKAlZGssPcEQVwRxTAHVEAd8KPBP00QMAg4Q/w0wYBpHUeIbk/XBISMaDKSEBCASQaUZDWeYRIfPgkGlGQ0HkBTAGQMwdMAmibtVTeokQMcpRS9adgBSHtrbQd9KwB6AuimxsgkBvE/QGm+Ud71bANKS8l3WB+2LqLyOXrASsILVGNwIwBlFdAIx0DTOsH8DJYbqjft7tfPQou8FGsglChHQwFkF4BjXAMgBSgR3yjLyNtD6OUiHqU1gtKX3Y6ZvhWm7FEVSKslATFCwGNGADWEbLNP0WWG5un5YCUiG0fBcirQAUhMEgA1UkcMYAcBGIA6BGCzD+aCwhbbky9PiRub+soRR/6kMJ0+FiWEKg6oTIiUQYXaqMor4AWOgZgHiF4BF9guTFDOp3ecA4dlf0koKd8sy2Hj/FlNiyl+rasupG61b580RIAWY+QtzvqJt2610L4zBA8J1hzxyizAcS+kt6R7DB3RAHcEQVwRxTAnfAjQT8NEDBI+AP8tEEAaZ1HSFgSEjGgykjAfoZnWVrnERKWJHReYBmP0GI7mi3QVxlB/DxQRSDWEMgNLuERgrJzdtkfPSMIG37IGTWCQToGuAw5WFGgubUGSL7hhzWEY0BOZ2u2gSzJc3LgUquM8YZGDCjoEYL9fdkRmVcY8/OIAiwIxIDCHiFwHICU/Snu6+VO6BiwnEcIculgZX/sPUUBEOw9QuwJnxmC5wRFAb6Q7DB3RAHcEQVwRxTAnfAjQT8NEDBI+AP8tEEAEY8Qd0jEgMoigcwiLI94hLgTOi+Q7xFC1wsDagGJQWh5COQG8zxCEbqGl1ULSAxCy0M6BigOEWfxDkMBYhBaBsIxACoRkcVwrBaQGISWhEYMyMkO51X4sWOAGIQKQyAG5HmEInTdMasWkBiElid0DHB4hCwXoFn0w64FJAah5aHqEVoK6dEVCJ8ZKj0nKLWAKkGyw9wRBXBHFMAdUQB3wo8E/TRAwCDhD/DTBgGEjUdI5gwQSMQAKBJU3WPg+eA34SUWsh4hLwpYedcWEDovACtAzwcnKf8Ty9DQ/lUx4v+x6wuZ+yR9rew5AVYKczmOtPUJmug9IZAbLBIDrKVEko2pW6RAfSF7H9NPMBlaxWrwpUWUjcov2Rs3QU0zBkSAAhwXbDDvB9YXMv4GHCXut8YqGqUJ68YJoEExwIwIkEFU2xOqL2Tso/gJlBQT7k0AHUfJLpoxpTnQiAHADSGuAPfaYVa00OoLGfvYwkqHDNpWp+NocR516aMmQSAGgB4hI6SCZYVMa5C2J1JfSD/bfNjrDSfGnmY0z3McJfs0bgx4QugYgHmEIv0nAuZ192R78rXDxgFYaLfHAbahCL4XgBxHSZsaeAWIopZ4hMLTXAEQyAwhc4JNoqFjwBMkO8wdUQB3RAHcEQVwJ/xI0E8DBAwS/gA/bRBA2HiEysHAKkAiBkCRgMZnT6MVtcLGI1QOGq2oldB5gbAeIe2t4PSzkRo292w+BHKDAT1CYN5P3ai0Aqpl1AZoxoDIq0dosQdUoSjbAapl1AqaEwPq8AiB/h91o6qVjoooYElyYkBAj1DRikMNzv+6IRADAnqE4HGAu2bhyd/tUUPoGBDWIxSZ1wrsHYxd2xQOxCPEnfCZIWROUPCEZIe5IwrgjiiAO6IA7oQfCfppgIBBwh/gpw0CiHiE8mi7RYBEDIAiAZkPnkxDakI8QnmQaUhNhM4LBPUIwVYgI/mspQc7nf4EOcpa+Ew7FV0REcgNevcIqRk/81Ta2iVqQ4CDlG1wErERtiKaMSCq1yMEdIh6mK60RX0QsAeVBgAOombYipoTAyr0CBkOAONUtgKsjLB5FLbwWUdFFEDKI5SWi7FPBcSA4Vy9OLgbAMcAuhCIAd49QukZgFPZIw7NcpKMCMyjoIXPGmIrCh0DfHqEgHgMmoF0L5AhnU4vKzykHmUvfGafiiRsPELebuubNn8QPjOEzAlWTc0d09yFzyQ7zB1RAHdEAdwRBXAn/EjQTwMEDBL+AD9tEEDEI5RH0+7vl4VEDIAiAZkPnkxDVmiK60DxCOVBpiHtUIB4hKzzaxuUDITZWuszAc9f9MAMArlBZh4h8/xgDQPwf2R9lYHzFztQhWYMiNrrEQLPD7lLYM+L2gro/IUO1GhODGiHR8g+f+5aZlhHYuenrQD2HiFYYeW+ysj5aStAPEL2iAYZB0CaNvocOH+xA1VCxwCOHiFro3690v4X9t/afwE6VaEDM8Qj1Ng3qojwmSFkTrBqau4Y8QgJTUUUwB1RAHdEAdwJPxL00wABg4Q/wE8bBBDOHqHkDq5ht28VQyIG1BUJnHMAdH/R7xeyHqG6adrUXW2EzgtgCsAzHPr0tsMk05+cHAjYZtQpPCOTy04WBHKDxRVg2H5yTTKpAnJsM1B2jg2NigFm9xQzyeSmzHPsQy2nUTHAtv10VMoqAHTpsIFGDLBvCNWOwGw/BU0yRWJAE4p+1QSBGAB6hHSnTfL11m0/BU0y+cYpGQfUDxoDcI9Q5tAcIrYfbS/cJLOc65LVFSCKGHmEBITwmaEa5wSFAkh2mDuiAO6IArgjCuBO+JGgnwYIGCT8AX7aIIBw9ggVptVeAhIxgHokEAWsDpgXCOoRWgZRwOrk5AZr8gjRLSVECAK5wfo8QlRLCZGiUTFgWY8Q0VJCtGhUDFjWI2TvDylAj/iQSyhLVLdwuTEaMaAmj5CxP2gKYb/cGIEYUJtHiGopIVqEjgG1eoTolhIiBCePkLfb+kbNH4TPDPmbE6y5YxpaSkiyw9wRBXBHFMAdUQB3RAHcKa+Ao9GFo9GFOzfOH14/99uXb1TYJsEnJRVwNLoQJzx89Pjho8e/fv563kFSt4ciZRSQdP+W/oh/+uy1Hz99dXfz5e8/fun2Ry9+98Hz6lFEU2PsQRUwnU4HgwH40p0b5yEFLHSQ8u21546Pj5ODGjVPxglYAdPptNvtdrtd8NXD6+fiOI7//cL1iLe+ufrs/v7+ySH5dXtUbw+YGp4Pe8pCY/1JNqEvwloFQAEn3b++vg4q4GC8lvu498vb8d+bX7371N7eXnJc3u/11YQcqgCtEBTbX/xXi6mAtPsdCojjEXIJ2Irj0Z8/bxyM1+K7m9uXz8IKAFPpiDFQU4B7B6EUmgLU7s9XABL8owfDg/Haf39cublxBlbAEqtriQJqR1PAYDDoKmAjwYUI/hnCj3jncPuVe7ff2rp0Go0BuTXAbIOQKKAeytwNZmHg/ofAI965+8Obv9/qji+eWm4coL1uGoREATVRckZoIYK/roKPB/evHYxfGL3zRHovkF+3B3k9MwiJAuqhvAJ23n9GfXz93tO3rjy5ffnszY0zW5dOjy+e2t3dnc1m1TZXqJzyeYHZbLbnRLq/EUhukDuiAO6IArgjCuBOeLe4nwYIGCRqiPhpgwBCtY6QzPP4gkQMACKBKMAXVOsIiQJ8Efq3w04FTOwf+0K1gKIoAmr4QLmDFev/WFWM2gCB+gFFYkCaLYTLBEE1fNzZoxL1f6wqRu2AdAyY289xC2H+omPgGxSv/9NSOxr1GAAU+bH7FavhAylghfo/dkq7DdCIAWAdoUWlDrxcD2gf0nrRMh9UUf9HvWy0AAIxAKsjdDISNMr1wN9sqIYPXImofP0fu4pROwgdA7A6QvOsfFeno5Trwa7uUA0fwGgEVg0qWP8HqGLUBlpXR2iViQSWkxDhM0PwnOCSrFLDp6H1f6pCssPcEQVwRxTAHVEAd8KPBP00QMAg4Q/w0wYBhKpHSPAFiRhQaSRgOa2zAlQ9QuURBSxH6LyA0x8AeIHsAkSadWeipXWT9G/7jD0VQiA3iCkAWBcMKjxgWnf0GNBSY0+FkI4BLtMHat3BFCDAEI4BOZ2dxgPDugM4DPmmfQpAIwag/oDkb3NZqAj87mcri1rf+pYZeyqEQAzAPUJW4SlgHAAuQKbYPNpp7KmQ0DHA4REyfJrm9qQ/beuO6vRvqbGnQqh6hOSu3hfhM0PwnKAowBeSHeaOKIA7ogDuiAK4E34k6KcBAgYJf4CfNggg4hHiDokYIJEgIO3zCAnLETovUMQfoC9Qo+cKrGo/mbmoPxGDUAEI5AaLK8Ay/ADVfuBCQ2IQQmlUDDAtAVC1H6OogHz382hUDDByw2C1Hy2lJAahfGjEANgfAC9BFGWGH8j1ASUVxSDkgEAMwDxCQBUgwA5kVPvRzUViEMondAzAPEJgFSDA8GNV+wGLC0n/41D1CAm+CJ8ZkjnBsEh2mDuiAO6IArgjCuBO+JGgnwYIGCT8AX7aIIAw8AjJj0+ckIgB9UYCUYATBh4hUYCT0HkBTAFKLkdZAsJYXMrlDgJ/fSyWIRsCucEcf8B82Ov1ekbaByoopLqDjKIDrV4sbEWoxgB1HaD+ZD7sacUhcqsMYYsMyXffgmoMSHp70ffaE6SgEOYPwyxGQhRFVGIAeEM46feGE+X7259M+nZVufwFBlGLkRBFJGIA6BGKkgGAMojr9fpAlFfHAcC6ceriY2IZAggdA3CPkPldVW8JIiiiG991e1UxsQxBiEeIO+EzQ7XPCQpOJDvMHVEAd0QB3BEFcEcUwJ3yCjgaXTgaXbhz4/zh9XO/fflGhW0SfFJSAUejC3HCw0ePHz56/Ovnr1fbMsEPZRSQdP+W/oh/+uy1Hz99dXfz5e8/fun2Ry9+98HzykElfBpi7fABqoDpdDoYDMCX7tw4DylgoYOUb689d3x8nBwkCiAKrIDpdNrtdrvdLvjq4fVzcRzH/37hesRb31x9dn9/P4ois9aDmastumqYUAeAAk66f319HVTAwXgt93Hvl7fjvze/evepvb295DjzCw2UAHKvGibUg6mAtPsdCojjEXIJ2Irj0Z8/bxyM1+K7m9uXz+IKgEoAuVcNE+pBU4Da/fkKQIJ/9GB4MF77748rNzfOoAoASwDlrBom1IKmgMFg0FXARoILEfwzhB/xzuH2K/duv7V16XSxGGDiXjVMqJYyd4NZGLj/IfCId+7+8Obvt7rji6cUBZh9bpcAcq8aJtREyRmhhQj+ugo+Hty/djB+YfTOE8m9QBRF9tjfKgHkXjVstf+ngFFeATvvP6M+vn7v6VtXnty+fPbmxpmtS6fHF0/t7u7OZrNqmytUTvm8wGw223Mi3d8IJDfIHVEAd0QB3BEFcCe8W9xPAwQMEjVE/LRBAGFQR0hwQiIGSCQICIM6QoKT0L8dlrXGQkOgfoCsNRaURsUAWWusBhoVA2StsRqgEQNkrbFwEIgBstZYUELHAFlrLDRSR4g74TNDMicYFskOc0cUwB1RAHdEAdwRBXBH6ghxR+oIcYdyHSHBB5TrCAk+CFRHKHPydJA6QnP7qVAHgeoIKU6eLAtoWHrE4eOFQHWEwBVhDEuPOHy8EK6OELAmkF1HSJK7tROojhC2NmC6wbhiSDCojUB1hDQnTy/5ymuWHnH4+CFQHSFoUWDT0iMOHy8EqiMkswNkCFRHSBRABskNckcUwB1RAHdEAdwJ7xb30wABg0QNET9tEED41RGq8Ea0Ffe0JGIAFAlq+3QDK4CcasjWERIFeCL0b4dhBYBrk1mARiO9jhBWaCj9WXqSczB20/OVmVNBaRjidAIyHtluvR69BdQI1A8oHQNAo5FaRwgrNLRYwkbLSQELnyVnSf+c9PUsFVyzSH01KWvSwcthhIZmDIiKKsC2mZgbwUJD/b5mOYB20/rd+ANqANDeZJNZ2Ia1AqqOAW4FYIWGjJwzvPDZ4ozZ9cBysmAK0C8VooAoikrUEVpWAYrPBIkBxlFqREcsKItoYVlZsAZkBme9nIkoICpRR6iIMwgyGhmfsKvQUFqfCNwtOWtH6zxrHGApQI8ZtgLIOZ5CxwC8jlD+QmOg0cj8jrkKDSk9bO0WRRF85Vd2g68CibcpjR9Gk3L/X35pch2h2gMqta9rLYTPDCFzggrmSC35Bk3qVYB93W8lkh3mjiiAO6IA7ogCuCMK4I4ogDuiAO6IArgjCuDO/6SHc121tVZ1AAAAAElFTkSuQmCC" alt="" />

下一步就是右边datagrid数据了。

额外补充：require('./mysql_connect/mysql_connect.php')的内容

<?php
    /*
        在建立连接到Mysql时不选择相应数据库，
        在其他页面通过mysqli_select_db($dbc,db_name)选择需要连接的数据库
        eg:
        require ('./mysql_connect.php'); //相对路径
        $db_select=mysqli_select_db($dbc,'db_name');
        if(!$dbc){
        #coding...
        }
        else{
            #coding...
        }
    */

    define('DB_USER','root');
    define('DB_PASSWORD','1234');
    define('DB_HOST', 'localhost');
    //连接
    $dbc=@mysqli_connect(DB_HOST,DB_USER,DB_PASSWORD) OR
    die('无法连接到MySQL:'.mysqli_connect_error());
    //设置字符集
    mysqli_set_charset($dbc,'utf8');
?>

最后不得不说依据easyui的参考手册有些难点直接省略，实在有点坑