最后就是 sort_tpl.php了 只有一句php输出语句
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>mycatalog</title>
- <link rel="stylesheet" type="text/css" href="../inc/styles/style.css"/>
- <style type="text/css">
- <!--
- .STYLE1 {color: #000000}
- -->
- </style>
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- function tree(i,img)
- {
- if(isNaN(document.getElementById('div_'+i)))
- {
- if(document.getElementById('div_'+i).style.display=="none")
- {
- img.src = 'inc/images/hid.gif';
- document.getElementById('div_'+i).style.display="";
- }
- else
- {
- img.src = 'inc/images/show.gif';
- document.getElementById('div_'+i).style.display="none";
- }
- }
- }
- //-->
- </SCRIPT>
- </head>
- <body >
- <form id = 'form1' method = 'post' >
- <?php echo $str;?>
- </form>
- </body>
- </html>
css文件
- @charset "utf-8";
- *{margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1f5a8e; font-size:12px;}
- HTML {
- PADDING-RIGHT: 0px; PADDING-LEFT: 0px; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; WORD-BREAK: break-all; PADDING-TOP: 0px; HEIGHT: 100%; WORD-WRAP: break-word
- }
- body,html,div,ul,li,ol{
- margin:0px;
- padding:0px;}
- body,html,ul,li{
- height:100%;
- font:12px/150% "宋体";
- word-break:break-all;
- word-warp:break-word;
- }
- ul{list-style:none;}
- img{ border:0px;}
- .a1{
- color:#lf5a8e;
- font-size:14px;
- font-weight: bold;
- }
- #form1 .container .header a{color:#ffffff;font:12px/150% "宋体";}
- .table{border-collapse:collapse;font-size:12px; background-color:#FFFFFF; text-align:left; margin:0px;}
- .table tr td{border-bottom:1px solid #1e79b9;border-left:1px solid #1e79b9;border-right:1px solid #1e79b9;padding:3px 0px 3px 5px;}
- .table .btr{font-weight:bold; background-color:#FFFFFF;color:#fff;}
- a:link{color:#333; text-decoration:none;}
- a:visited{color:#333; text-decoration:none;}
- a:hover{color:#333; text-decoration:underline;}
- h2{width:640px;;background-color:#999; color:#fff; margin:0px auto;border:1px solid #333; font-size:14px; padding:5px 0px 5px 10px;margin-bottom:5px;}
- ul,li{list-style:none;}
- input{padding:2px;}
- .mbody{width:650px;}
- .a2{
- color:#lf5a8e;
- font-size:14px;
- }
ok 类别管理已经over了
如果要添加其他功能在sort.php里面自己修改一下就ok了
需要补充一下,循环和递归是一种效率很低的写法 当类别分层比较多的时候就招架不住了。
换种方式用ajax去取当前类别的子类别然后显示出来也不错。不过我没有做。
打完收工