easyui树mysql_Easyui 菜单树实例 PHP+MySQL后台加载json

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

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

异步加载Tree

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

$('#tree').tree(

{

url:'tree_getData.php'

});

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"

}]

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

前台代码即为上述代码

后台代码如下: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),然后测试通过了。

上截图:

1437986531241150.png

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

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

实例二 用Jquery easyUI和 Thinkphp 实现菜单树

需求:

数据库有某表department表,为了是记录部门的结构,表中包含3个主要字段:id、parentId、name。现在要把这个记录集有规则的树形输出出来。

思路:

无外乎是写处理这个排序的问题。初步想法可以用SQL读出然后后台排序,这么成熟的需求肯定有代码,所以懒的写,但是找了几个都不太满意,那么就打算从前台找一下解决方案。在前台进行排序。于是翻了几页Jquery easyui的文档,发现了可以这么解决:

1、写一个简单的程序,用Json输出全部department记录(输出地址为http://localhost:8080/app/index.php/Department/tree)

2、在前台处理这个记录,进行排序。代码都是现成的。

操作:

第1步:在模版对应的xxxAction页面中写一个函数,主要为了输出tree的jsonpublic function tree()

{

$subproject = M('department');

$list = $subproject->select();

echo JSON_ENCODE($list);

}

第2步:把下面代码copy到模版页面的head中:

function convert(rows){

function exists(rows, parentId){

for(var i=0; i第三步:

模版的body里面加一行代码:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值