列出类似淘宝网站的分类菜单


在ui 界面中列出所有的分类以及子分类目录菜单,假设菜单只使用最多为三级的菜单,具体的做法如下:

数据库的设计

列出类似淘宝网站的分类菜单_第1张图片

 

一级分类的设计:

   public class CategoryA : CategoryC
    {
     /// 
     ///  二级分类集合
     /// 
        public IEnumerable ListCategoryB { get; set; }

    }

二级分类的设计:

  public  class CategoryB : CategoryC
    {

        /// 
        ///  三级分类集合
        /// 
        public IEnumerable ListCategoryC { get; set; }
    }

三级分类的设计:

// 
   /// 三级分类 ( 末级)
   /// 
   public class CategoryC
    {

        /// 
        /// 类别ID
        /// 
        public short ItemClsid { get; set; }

        /// 
        /// 标识
        /// 
        public string ItemFlag { get; set; }
        /// 
        /// 类别编码
        /// 
        public string ItemClsno { get; set; }

        /// 
        /// 类别名称
        /// 
        public string ItemClsname { get; set; }
        /// 
        /// 父级编码
        /// 
        public string UpClsno { get; set; }

    }

菜单类的设计:

    public class Category 
    {

        public  IEnumerable ListCategoryA { get; set; }

    }

获取菜单的设计:

/// 
        /// 获取全部的分类
        /// 
        /// 
        public Category GetAllCategory()
        {
            try
            {
                //分类菜单
                Category myCategory = new Category();

               // 一级分类
               myCategory.ListCategoryA = ClRep.GetAllCategoryA().ToList();

               if (myCategory.ListCategoryA != null && myCategory.ListCategoryA.Count() > 0)
                {
                    // 遍历一级分类
                    foreach (var item in myCategory.ListCategoryA)
                    {
                        // 判断一级分类编码是否为空
                        if (!string.IsNullOrEmpty(item.ItemClsno))
                        {
                            // 获取一级分类下的对应的二级分类
                           item.ListCategoryB = ClRep.GetAllCategoryB(item.ItemClsno);

                            if (item.ListCategoryB != null)
                            {
                                // 在二级分类不是空时, 向二级分类集合中添加集合
                                item.ListCategoryB.ToList().AddRange(item.ListCategoryB);
                            }

                            // 判断二级分类是否为空
                            if (item.ListCategoryB != null && item.ListCategoryB.Count() > 0)
                            {
                                // 遍历二级分类
                                foreach (var t in item.ListCategoryB)
                                {
                                    // 判断二级分类编码是否为空
                                    if (!string.IsNullOrEmpty(t.ItemClsno))
                                    {
                                        //获取二级分类下对应的三级分类
                                        t.ListCategoryC = ClRep.GetAllCategoryC(t.ItemClsno);

                                        if (t.ListCategoryC != null)
                                        {
                                            // 在三级分类不是空时,向三级分类集合中添加集合
                                            t.ListCategoryC.ToList().AddRange(t.ListCategoryC);
                                        }
                                       
                                    }
                                }
                            }
                        }
                    }
                }

                return myCategory;
            }

            catch (Exception)
            {
                return null;
            }

        }

运行效果:

 列出类似淘宝网站的分类菜单_第2张图片

 

 

你可能感兴趣的:(MVC)