参考上一节：
结合ZUI前端框架，制作的无限极评论列表：
项目目录：
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zui</title>
<link rel="stylesheet" href="./dist/css/zui.min.css">
</head>
<body>
<?php
$conn = mysql_connect('localhost', 'root', 'root');
if($conn) {
mysql_select_db("yii", $conn);
} else {
die('database is connect false.');
}
function get_str($id = 0, $level = 0) {
global $flag;
global $str;
$sql = "select * from category where pid= $id";
$result = mysql_query($sql);
if($result && mysql_affected_rows()){
if( ! $flag) {
$flag = 1;
} else {
$str .= '<div class="comments-list">';
}
while ($row = mysql_fetch_array($result)) {
$str .= '<div class="comment"><a href="###" class="avatar">';
$str .= '<i class="icon-camera-retro icon-2x"></i></a><div class="content">';
$str .= '<div class="pull-right text-muted">30 分钟前</div><div><a href="###">';
$str .= '<strong>第一</strong></a> <span class="text-muted">回复</span><a href="###">某某某</a></div>';
$str .= '<div class="text">' . $row['id'] . "--" . $row['catename'] . '</div>';
$str .= "<div class='actions'> <a href=''#>回复</a></div></div>";
get_str($row['id'], $level+1);
}
$str .= '</div>';
}
$str .= '</div>';
return $str;
}
echo get_str(0);
?>
<!-- ZUI Javascript 依赖 jQuery -->
<script src="./dist/lib/jquery/jquery.js"></script>
<script src="./dist/js/zui.min.js"></script>
</body>
</html>
结果：
