php无限分类列表页

接上php无限分类

先写index方法因为直接赋值刚才那个过来即可

public function index(){
            $cats = D('category')->catTree();
            $this -> assign('cats',$cats);
            $this -> display();
        }

 然后在view下的index.html模版里进行遍历

<!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>
<title>SHOP 管理中心 - 商品分类 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h1>
<span class="action-span"><a href="__MODULE__/category/add">添加分类</a></span>
<span class="action-span1"><a href="index.php?p=admin&c=index&a=index">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 商品分类 </span>
<div style="clear:both"></div>
</h1>

<form method="post" action="" name="listForm">
<!-- start ad position list -->
    <div class="list-div" id="listDiv">
        <table width="100%" cellspacing="1" cellpadding="2" id="list-table">
            <tbody>
                <tr>
                    <th>分类名称</th>
                    <th>商品数量</th>
                    <th>数量单位</th>
                    <th>导航栏</th>
                    <th>是否显示</th>
                    <th>价格分级</th>
                    <th>排序</th>
                    <th>操作</th>
                </tr>
        <volist name="cats" id="vo">
                <tr align="center" class="0" id="0_1">
          <td align="left" class="first-cell">
          {$vo['level']|str_repeat="&nbsp;&nbsp;&nbsp;&nbsp;",###}
                        <img src="__ADMIN__/images/menu_minus.gif" id="icon_0_1" width="9" height="9" border="0" style="margin-left:0em" onclick="rowClicked(this)">
                        <span><a href="goods.php?act=list&amp;cat_id=1">{$vo['cat_name']}</a></span>
                     </td>
                    
          <td width="10%">0</td>
                    
          <td width="10%"><span onclick="listTable.edit(this, 'edit_measure_unit', 1)" title="点击修改内容" style="">{$vo['unit']}</span></td>
                    
          <td width="10%"><img src="__ADMIN__/images/no.gif" onclick="listTable.toggle(this, 'toggle_show_in_nav', 1)"></td>
                    
          <td width="10%"><img src="
            <if condition="$vo['is_show'] eq 1">
            __ADMIN__/images/yes.gif"
            <else />
            __ADMIN__/images/no.gif"
            </if>
             onclick="listTable.toggle(this, 'toggle_is_show', 1)"></td>
                    
          <td><span onclick="listTable.edit(this, 'edit_grade', 1)" title="点击修改内容" style="">5</span></td>
                    
          <td width="10%" align="right"><span onclick="listTable.edit(this, 'edit_sort_order', 1)" title="点击修改内容" style="">{$vo['sort_order']}</span></td>
                    <td width="24%" align="center">
                        <a href="category.php?act=move&amp;cat_id=1">转移商品</a> |
                        <a href="__CONTROLLER__/edit/id/{$vo['cat_id']}">编辑</a> |
                        <a href="__CONTROLLER__/del/id/{$vo['cat_id']}" onclick="return confirm('您是否真的删除这个品牌呢?')" title="移除">移除</a>
                    </td>
                </tr>
        </volist>
    </tbody>
  </table>
</div>
</form>

  </table>
</div>
</form>


<div id="footer">
    版权所有 &copy; 2014-2016 夺命雷公狗 - 技术总结 - </div>
</div>
 <script>
    /**
 * 折叠分类列表
 */
var imgPlus = new Image();
imgPlus.src = "application/views/admin/images/menu_plus.gif";

function rowClicked(obj)
{
  // 当前图像
  img = obj;
  // 取得上二级tr>td>img对象
  obj = obj.parentNode.parentNode;
  // 整个分类列表表格
  var tbl = document.getElementById("list-table");
  // 当前分类级别
  var lvl = parseInt(obj.className);
  // 是否找到元素
  var fnd = false;
  var sub_display = img.src.indexOf('menu_minus.gif') > 0 ? 'none' : 'table-row' ;
  // 遍历所有的分类
  for (i = 0; i < tbl.rows.length; i++)
  {
      var row = tbl.rows[i];
      if (row == obj)
      {
          // 找到当前行
          fnd = true;
          //document.getElementById('result').innerHTML += 'Find row at ' + i +"<br/>";
      }
      else
      {
          if (fnd == true)
          {
              var cur = parseInt(row.className);
              var icon = 'icon_' + row.id;
              if (cur > lvl)
              {
                  row.style.display = sub_display;
                  if (sub_display != 'none')
                  {
                      var iconimg = document.getElementById(icon);
                      iconimg.src = iconimg.src.replace('plus.gif', 'minus.gif');
                  }
              }
              else
              {
                  fnd = false;
                  break;
              }
          }
      }
  }

  for (i = 0; i < obj.cells[0].childNodes.length; i++)
  {
      var imgObj = obj.cells[0].childNodes[i];
      if (imgObj.tagName == "IMG" && imgObj.src != 'application/views/admin/images/menu_arrow.gif')
      {
          imgObj.src = (imgObj.src == imgPlus.src) ? 'application/views/admin/images/menu_minus.gif' : imgPlus.src;
      }
  }
}
</script>
</body>
</html>

 效果如下图所示:



 
显示列表也有了,那么下一步就开始写更新页了

<!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>
<title>SHOP 管理中心 - 添加分类 </title>
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__ADMIN__/styles/general.css" rel="stylesheet" type="text/css" />
<link href="__ADMIN__/styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h1>
<span class="action-span"><a href="index.php?p=admin&c=category&a=index">商品分类</a></span>
<span class="action-span1"><a href="index.php?act=main">SHOP 管理中心</a> </span><span id="search_id" class="action-span1"> - 添加分类 </span>
<div style="clear:both"></div>
</h1>
<!-- start add new category form -->
<div class="main-div">
  <form action="category.php" method="post" name="theForm" enctype="multipart/form-data" onsubmit="return validate()">
     <table width="100%" id="general-table">
        <tbody>
            <tr>
                <td class="label">分类名称:</td>
                <td><input type="text" name="cat_name" maxlength="20" value="{$cat['cat_name']}" size="27"> <font color="red">*</font></td>
            </tr>
            <tr>
                <td class="label">上级分类:</td>
                <td>
                    <select name="parent_id">
                        <option value="0">顶级分类</option>
                        <volist name="cats" id='vo'>
                            <option value="{$vo['cat_id']}"
                            <if condition="$vo['cat_id'] eq $cat['parent_id']" >selected="selected"</if>
                            >{$vo['level']|str_repeat="&nbsp;&nbsp;&nbsp;",###}{$vo['cat_name']}</option>
                        </volist>     
                    </select>
                </td>
            </tr>

            <tr id="measure_unit">
                <td class="label">数量单位:</td>
                <td><input type="text" name="unit" value="{$cat['unit']}" size="12"></td>
            </tr>
            <tr>
                <td class="label">排序:</td>
                <td><input type="text" name="sort_order" value="{$cat['sort_order']}" size="15"></td>
            </tr>

            <tr>
                <td class="label">是否显示:</td>
                <td><input type="radio" name="is_show" value="1" checked="true"
                <if condition="$cat['is_show'] eq 1">checked="checked"</if>
                > 是<input type="radio" name="is_show" value="0"
                <if condition="$cat['is_show'] eq 0">checked="checked"</if>
                > 否  </td>
            </tr>
            <tr>
                <td class="label">是否显示在导航栏:</td>
                <td><input type="radio" name="show_in_nav" value="1"> 是  <input type="radio" name="show_in_nav" value="0" checked="true"> 否    </td>
            </tr>
            <tr>
                <td class="label">设置为首页推荐:</td>
                <td>
                    <input type="checkbox" name="cat_recommend[]" value="1"> 精品          
                    <input type="checkbox" name="cat_recommend[]" value="2"> 最新          
                    <input type="checkbox" name="cat_recommend[]" value="3"> 热门       
                </td>
            </tr>
      <tr>
        <td class="label">分类描述:</td>
        <td>
          <textarea name="cat_desc" rows="6" cols="48">{$cat['cat_desc']}</textarea>
        </td>
      </tr>
      </tbody></table>
      <div class="button-div">
        <input type="submit" value=" 确定 ">
        <input type="reset" value=" 重置 ">
      </div>
      <input type="hidden" name="cat_id" value="{$cat['cat_id']}" />
  </form>
</div>



<div id="footer">
    版权所有 &copy; 2014-2016 夺命雷公狗 - 技术总结 - 
</div>

</div>

</body>
</html>

 要注意,在编辑的表单中一定要传cat_id,否则更新会失败

<input type="hidden" name="cat_id" value="{$cat['cat_id']}" />

 注意:在更新的时候,如果把当前分类或则其子分类作为上级分类,就会出现逻辑错误..

所以我们要先到model里面定义一个方法,让他不能随便让他的当前分类或者子分类作为上级分类,否则就会出现逻辑上的错误。。

在CategoryModel.class.php里面定义一个方法,代码如下所示:

/给定一个分类,找其后代分类的cat_id,包括他自己
        public function getSubIds($cat_id){
            $cats = $this -> select();
            $list = $this -> tree($cats,$cat_id);
            $res = array();
            foreach($list as $v){
                $res[] = $v['cat_id'];
            }
            //把cat_id追加到数组
            $res[] = $cat_id;
            return $res;
        }

 让后会控制器下定义edit方法,代码如下所示:

//修改分类
        public function edit(){
            $cat_id = I('id');
            if(IS_POST){
                //更新分类
                $data['cat_name'] = I('cat_name');
                $data['parent_id'] = I('parent_id',0,'int');//parent_id通常是整型,所以做个小处理
                $data['cat_desc'] = I('cat_desc');
                $data['unit'] = I('unit');//数量
                $data['is_show'] = I('is_show');
                $data['sort_order'] = I('sort_order');
                $data['cat_id'] = I('cat_id');
                $categoryModel = D('category');

                $ids = $categoryModel->getSubIds($data['cat_id']);
                if(in_array($data['parent_id'],$ids)){
                    $this -> error('抱歉,不能把当前分类及其子分类作为其上级分类');
                }

                if($categoryModel->create($data)){
                    //验证通过
                    if($categoryModel->save()){
                        //插入成功
                        $this -> success('分类信息修改成功',U('index'),1);
                    }else{
                        //插入失败
                        $this -> error('分类信息修改失败');
                    }
                }else{
                    //验证失败
                    $this -> error($categoryModel->getError());
                }
                return;
            }
            $cat = M('category')->find($cat_id);
            $cats = D('category')->catTree();
            $this -> assign('cats',$cats);
            $this -> assign('cat',$cat);
            $this -> display();
        }

 

修改也好了,那么就差最后一步了,还差删除分类的了,代码如下所示:

//删除分类
        public function del(){
            $cat_id = I('id',0,'int');
            $categoryModel = D('category');
            $ids = $categoryModel->getSubIds($cat_id);//这里的目的就是查下有没有子类
            if(count($ids)>1){
                $this ->error("该分类下面还存在子分类,请处理好了再来");
            }
            if(M('category')->delete($cat_id)){
                $this -> success('删除成功',U('index'),1);
            }else{
                $this ->error('删除失败');
            }
        }

 

猜你喜欢

转载自1819194411.iteye.com/blog/2414871