React项目_商城后台 8 练习 1 分类管理模块 学习猿地原创

大家好，那这一章节开始呢，就是呃，主要是练习的这个内容，那每一个要练习的模块，我都会给大家先做一个演示，然后再给大家说需要怎么去完成，以及需要注意的点是什么啊。那因为之前我们一块儿啊，写了这个登录和注册，还有用户的管理，商品的管理，那么还有几个模块呢，会留给大家来进行练习，也是分类管理，订单管理，评论管理以及轮播管理啊。啊。这节课我们来说一下这个关于分类管理。啊，首先它的效果是这样的一个效果啊。然后在这里我们可以添加这个分类，在添加分类的时候，呃，你要先查询一遍现有的这个分类。啊，因为这个分类的话呢，它是可以选择这个负极的，知道了吧。选择这个负极的。啊。嗯，然后输入分类的名称去添加分类就可以了啊，当然呃，这块其实写的有问题啊。

呃，也不算问题，就是看你的分类怎么设计，因为我们目前设计的这个分类就是只到二级分类，那么所以这边添加分类的时候，呃，这边大家选择这个负极分类的时候，你们要做一下处理，就是只能选择这个顶级的这个分类啊，选择这个负极的这个分类。啊，因为当时我写这个例子写的比较快，我就没有处理，直接把这个就拿来了，好吧，那这块你们要，嗯，就是不能要这个，不能要这个二级分类，兄弟们只显示这个一级的，哎，只显示这个一级的。清楚了吗？嗯，好。那只显示这个一级的话，其实呃，你也不用这这个级联，你用一个这个下拉框就可以啊，然后把呃查到的这个分类，把它的这个负极取出来，就是呃最外层的这一极取出来，来做一个。呃，这个下方的一个便利就可以啊。然后这一块，然后分类名称提交可以，那接着分类管理呢啊。呃，在下面列表里面啊，是一个可折叠的一个列表，你要把这个啊，这个层级给他们区分好，其实你如果使用了这个组件，你把数据填充好，它自动会帮你分这个层叠啊，然后点开呃能就说能展开，再点能折叠之后还能对这个分类进行一个编辑，编辑的话呢，其实跟添加就很类似，编辑的话你主要是可以去呃更改它的这个负极以及。

啊，这个去更改它这个名称。啊，这是分类的功能比较简单，然后需要的API在这个后台API里面，啊，后台API里面的这个分类管理。有这么多啊，分类列表。拿到了吗？详情这是一个分类的详情，编辑的时候你可能会用到啊，然后是啊，添加分类和更新分类都可以啊，接着呢，分类其实还有禁用和启用啊，这个如果大家想做呢，也可以去做一下，就是比如说在这儿再加一个开关啊，就是禁用和启用啊，因为我当时写这个例子就没写这一块。啊，大家如果想写的话，也可以写一下啊。

啊，那这个就是关于分类管理模块的一个演示，以及呃，大家要完成的功能，还有一些要注意的点啊，那最后再强调一点，就是关于这个负极分类这里啊，这个是我写的有问题啊，你们呃，直接用一个下拉框就可以，不不要这个让他选择这个二级分类清楚了吧？啊，只要选到这个一级就可以啊。因为我们现在这个分类的话，只支持到这个两级啊，当然你如果啊，以后你写的项目啊，是支持到三级，这个你要自己去算，如果你的分类是支持到三级的话，那你这个负级的分类，你应该让他能选择二级。对吧，如果你的分类支持了四级，你这个负级的分类，你要能选到这个三级。清楚了吗？也就是看你的这个，呃，项目你支持到几级对吧，那你要是支持三级就是一级二级，这是填三级对不对，那我们的项目是支持两级，所以直接就选一个一级，这边填这个二级。大家明白啥意思了吧，嗯。好，那这节课到这儿。