实例一 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)，然后测试通过了。
上截图：
下一步就是右边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');
?>
实例二 用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的json
public function tree()
{
$subproject = M('department');
$list = $subproject->select();
echo JSON_ENCODE($list);
}
第2步：把下面代码copy到模版页面的head中：
<script type="text/javascript">
function convert(rows){
function exists(rows, parentId){
for(var i=0; i<rows.length; i++){
if (rows[i].id == parentId) return true;
}
return false;
}
var nodes = [];
// get the top level nodes
for(var i=0; i<rows.length; i++){
var row = rows[i];
if (!exists(rows, row.parentId)){
nodes.push({
id:row.id,
text:row.name
});
}
}
var toDo = [];
for(var i=0; i<nodes.length; i++){
toDo.push(nodes[i]);
}
while(toDo.length){
var node = toDo.shift(); // the parent node
// get the children nodes
for(var i=0; i<rows.length; i++){
var row = rows[i];
if (row.parentId == node.id){
var child = {id:row.id,text:row.name};
if (node.children){
node.children.push(child);
} else {
node.children = [child];
}
toDo.push(child);
}
}
}
return nodes;
}
$(function(){
$('#tt').tree({
url: 'http://localhost:8080/app/index.php/Department/tree',
loadFilter: function(rows){
return convert(rows);
}
});
});
</script>
第三步：
模版的body里面加一行代码：
<ul id="tt"></ul>
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索数据库
， 服务器
， 数据
， 实例
， 参数
代码
easyui树形菜单实例、easyui树形菜单json、easyui项目实例、easyui布局实例、easyui datagrid json，以便于您获取更多的相关知识。