標籤：query 組件 styles png image ret img class data
結合zui---Tree組件，實現分類目錄。
目錄結構同上一篇：
效果：
代碼：
<!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) { global $flag; global $str; $sql = "select * from category where pid= $id"; $result = mysql_query($sql); if($result && mysql_affected_rows()){ if(!$flag){ $flag = 1; $str .= ‘<ul class="tree tree-lines" data-ride="tree">‘; } else { $str .= ‘<ul>‘; } while ($row = mysql_fetch_array($result)) { $str .= "<li><a href=‘#‘>" . $row[‘id‘] . "--" . $row[‘catename‘] . "</a>"; get_str($row[‘id‘]); } $str .= ‘</li></ul>‘; } 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>
PHP無限極分類 - 3 - 分類目錄
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
