一.数据库设计
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
CREATE
TABLE
`bg_cate` (
`cate_Id`
int
(30) unsigned
NOT
NULL
AUTO_INCREMENT,
`cate_ParentId`
int
(30) unsigned
DEFAULT
'0'
,
`cate_Name`
varchar
(100)
NOT
NULL
,
`cate_Intro`
varchar
(500)
DEFAULT
NULL
,
`cate_Order`
int
(30) unsigned
DEFAULT
'0'
,
`cate_Icon`
varchar
(100)
DEFAULT
NULL
,
PRIMARY
KEY
(`cate_Id`)
) ENGINE=MyISAM
DEFAULT
CHARSET=utf8 AUTO_INCREMENT=34 ;
--
-- 导出表中的数据 `bg_cate`
--
INSERT
INTO
`bg_cate` (`cate_Id`, `cate_ParentId`, `cate_Name`, `cate_Intro`, `cate_Order`, `cate_Icon`)
VALUES
(4, 0,
'往事如风'
,
'记录往事'
, 0,
'icons/6.gif'
),
(5, 0,
'水煮三国'
,
'品位三国智慧'
, 0,
'icons/3.gif'
),
(2, 0,
'技术学习'
,
'平时学习的一些笔记，欢迎批评指正。'
, 0,
'icons/18.gif'
),
(3, 0,
'生活点滴'
,
'记录生活点滴'
, 0,
'icons/2.gif'
),
(6, 0,
'栀子花开'
,
'青春无限'
, 0,
'icons/8.gif'
),
(7, 0,
'假日休闲'
,
'悠闲、自在'
, 0,
'icons/24.gif'
),
(8, 2,
'html'
,
'html学习'
, 0,
'icons/1.gif'
),
(9, 2,
'css'
,
'css学习'
, 0,
'icons/1.gif'
),
(10, 2,
'php'
,
'php学习'
, 0,
'icons/18.gif'
),
(11, 10,
'php基础知识'
,
'php基础知识'
, 0,
'icons/1.gif'
),
(12, 10,
'oop'
,
'oop'
, 0,
'icons/1.gif'
),
(13, 10,
'php安全'
,
'讲述php安全'
, 0,
'icons/1.gif'
),
(14, 10,
'seagull framework'
,
'seagull framework'
, 0,
'icons/1.gif'
),
(15, 2,
'javascript'
,
'javascript学习'
, 0,
'icons/1.gif'
),
(16, 2,
'设计模式'
,
NULL
, 0,
'icons/1.gif'
),
(17, 2,
'软件工程'
,
'软件工程学习'
, 0,
'icons/1.gif'
),
(18, 3,
'厦门生活'
,
'厦门生活'
, 0,
'icons/8.gif'
),
(19, 3,
'大学生活'
,
'大学生活'
, 0,
'icons/8.gif'
),
(20, 3,
'童年生活'
,
'童年生活'
, 0,
'icons/15.gif'
),
(21, 19,
'学习'
,
'学习'
, 0,
'icons/1.gif'
),
(22, 19,
'运动'
,
'运动'
, 0,
'icons/16.gif'
),
(23, 19,
'旅游'
,
'旅游'
, 0,
'icons/24.gif'
),
(24, 22,
'排球'
,
'排球'
, 0,
'icons/9.gif'
),
(25, 22,
'篮球'
,
'篮球'
, 0,
'icons/9.gif'
),
(26, 22,
'羽毛球'
,
'羽毛球'
, 0,
'icons/9.gif'
),
(27, 22,
'乒乓球'
,
'乒乓球'
, 0,
'icons/9.gif'
);
|
二.到数据库取数据，放到数组。
|
1
2
3
4
5
6
7
|
require_once
'./classes/MyDB.php'
;
$con = MyDB::singleton();
$sql = <<<SQL
select
*
from
bg_cate cate
SQL;
$data = $con->getAll($sql);
//print_r($data);
|
数据库操作我用的是pear类库。
最后的$data的数据格式如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
Array
(
[0] => Array
(
[cate_Id] => 4
[cate_ParentId] => 0
[cate_Name] => 往事如风
[cate_Intro] => 记录往事
[cate_Order] => 0
[cate_Icon] => icons/6.gif
)
[1] => Array
(
[cate_Id] => 5
[cate_ParentId] => 0
[cate_Name] => 水煮三国
[cate_Intro] => 品位三国智慧
[cate_Order] => 0
[cate_Icon] => icons/3.gif
)
|
三.把上一步的数据转为树型状的数组
代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function
getTree(
$data
,
$pId
)
{
$tree
=
''
;
foreach
(
$data
as
$k
=>
$v
)
{
if
(
$v
[
'cate_ParentId'
] ==
$pId
)
{
//父亲找到儿子
$v
[
'cate_ParentId'
] = getTree(
$data
,
$v
[
'cate_Id'
]);
$tree
[] =
$v
;
//unset($data[$k]);
}
}
return
$tree
;
}
$tree
= getTree(
$data
, 0);
|
最后输出$tree的数据格式为：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
Array
(
[0] => Array
(
[cate_Id] => 4
[cate_ParentId] =>
[cate_Name] => 往事如风
[cate_Intro] => 记录往事
[cate_Order] => 0
[cate_Icon] => icons/6.gif
)
[1] => Array
(
[cate_Id] => 5
[cate_ParentId] =>
[cate_Name] => 水煮三国
[cate_Intro] => 品位三国智慧
[cate_Order] => 0
[cate_Icon] => icons/3.gif
)
[2] => Array
(
[cate_Id] => 2
[cate_ParentId] => Array
(
[0] => Array
(
[cate_Id] => 8
[cate_ParentId] =>
[cate_Name] => html
[cate_Intro] => html学习
[cate_Order] => 0
[cate_Icon] => icons/1.gif
)
|
四.把树型状数组转为html
代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function
procHtml(
$tree
)
{
$html
=
''
;
foreach
(
$tree
as
$t
)
{
if
(
$t
[
'cate_ParentId'
] ==
''
)
{
$html
.=
"<li>{$t['cate_Name']}</li>"
;
}
else
{
$html
.=
"<li>"
.
$t
[
'cate_Name'
];
$html
.= procHtml(
$t
[
'cate_ParentId'
]);
$html
=
$html
.
"</li>"
;
}
}
return
$html
?
'<ul>'
.
$html
.
'</ul>'
:
$html
;
}
echo
procHtml(
$tree
);
|
输出的html的代码格式为：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<
ul
>
<
li
>往事如风</
li
>
<
li
>水煮三国</
li
>
<
li
>技术学习
<
ul
>
<
li
>html</
li
>
<
li
>css</
li
>
<
li
>php
<
ul
>
<
li
>php基础知识</
li
>
<
li
>oop</
li
>
<
li
>php安全</
li
>
|
五.代码整合
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function getTree($data, $pId)
{
$html = '';
foreach($data as $k => $v)
{
if($v['cate_ParentId'] == $pId)
{ //父亲找到儿子
$html .= "<li>".$v['cate_Name'];
$html .= getTree($data, $v['cate_Id']);
$html = $html."</li>";
}
}
return $html ? '<ul>'.$html.'</ul>' : $html ;
}
echo getTree($data, 0);
|