【删除数据】：

【BUG1】:

ElementUI中，原生写法，点击 “增加”/“删除” ，下一级的内容会自动展开。

在标签上添加属性：

    <el-tree :expand-on-click-node="false">

【控制级数】:

一级、二级有《添加》按钮，三级没有 ;

<el-buttonv-if="data.catLevel <= 2"type="text"size="mini"@click="() => append(data)">添加
</el-button>

【删除按钮控制】：

没有childrens的情况，才会显示《删除》按钮。

 <el-buttonv-if = "data.childrens.length == 0"type="text"size="mini"@click="() => remove(node, data)">删除
</el-button>

【勾选框】：

<el-tree show-checkbox
>

【node-key】：

node-key 每个树节点用来作为唯一标识的属性，整颗树应该是唯一的。

    <el-tree node-key="catId">

【delete方法测试】：

点击《Send》按钮。

//这个方法是真的从数据库中删除，但是如果我后悔了就无法进行找回了。
这时候我们就要通过表结构中的状态去进行控制，比如status字段。

【利用MyBatisPlus自动实现显隐】：

实体类显隐字段上加注解：

 /*** 是否显示[ 0不显示 , 1显示 ]*/@TableLogic(value = "1",delval = "0")private Integer showStatus;

修改YML配置文件：

 mybatis-plus:global-config:db-config:logic-delete-value: 1 # 逻辑已删除值(默认为 1)logic-not-delete-value: 0 # 逻辑未删除值(默认为 0)

ServiceImpl内容：

    @Overridepublic  void removeCategoryByIds(List<Long> ids) {//TODO [1]:检查类别数据是否在其他业务中使用。//批量逻辑删除操作：baseMapper.deleteBatchIds(ids);}

【提示框】：

${}
一定是用反单引号啊！不要写成单引号了！！
可以代替 ‘’ 和 “”
在 `` 中可以使用 ${} 直接把变量和字符串拼接起来

1、反单引号怎么打出来？
将输入法调整为英文输入法，单击键盘上数字键1左边的按键。

2、用法
step1：定义需要拼接进去的字符串变量
step2：将字符串变量用${}包起来，再写到需要拼接的地方。

【BUG2】:

//把删除的请求提交到后台服务。this.$http({url: this.$http.adornUrl('/product/category/delete'),method: 'post',data: this.$http.adornData(ids, false)}).then(({data}) => {if (data && data.code === 0) {this.$message({message: '操作成功',type: 'success',})this.getCategory();} else {this.$message.error(data.msg)}});getCategory(){this.$http({url:this.$http.adornUrl('/product/category/listTree'),method:'get'}).then(({data})=>{console.log( "成功获取的类别数据 ： " , data.data )this.data = data.data;})}

!!!——但是，问题是我执行了删除操作之后，整个的页面又回到了原先一开始的状态（并没有恢复到展开的那种状态）。
//也就是说我删除了之后，还得重新再打开所有的层级目录。

             this.getCategory();//设置默认展开的父节点信息this.expandKeys=[node.parent.data.catId]

分布式项目-三级分类管理（2）相关推荐

分布式项目-谷粒商城。
分布式项目一,分布图二,环境搭建 1.安装linux 2.安装docker 1 卸载系统之前的docker sudo yum remove docker \docker-client \docke ...
41..大数据之旅——java分布式项目02
后台系统搭建 <build><finalName>jt-manage-web</finalName><plugins> <plugin> & ...
【ZZ】使用github管理Eclipse分布式项目开发
2019独角兽企业重金招聘Python工程师标准>>> 老关我在前面的博文(github管理iOS分布式项目开发)中介绍了github管理iOS分布式开发,今天老关将向大家介绍使用g ...
使用github管理Eclipse分布式项目开发
使用github管理Eclipse分布式项目开发老关我在前面的博文(github管理iOS分布式项目开发)中介绍了github管理iOS分布式开发,今天老关将向大家介绍使用github管理Ecli ...
ASP.NET Core分布式项目实战（集成ASP.NETCore Identity）--学习笔记
任务24:集成ASP.NETCore Identity 之前在 Index 页面写了一个 strong 标签,需要加个判断再显示,不然为空没有错误的时候也会显示 @if (!ViewContext.M ...
ASP.NET Core分布式项目实战（Consent 确认逻辑实现）--学习笔记
任务22:Consent 确认逻辑实现接下来,我们会在上一节的基础上添加两个按钮,同意和不同意,点击之后会把请求 post 到 ConsentController 处理,如果同意会通过 return ...
ASP.NET Core分布式项目实战（运行Consent Page）--学习笔记
任务21:运行Consent Page 修改 Config.cs 中的 RequireConsent 为 true,这样登录的时候就会跳转到 Consent 页面修改 ConsentControll ...
ASP.NET Core分布式项目实战（Consent Controller Get请求逻辑实现）--学习笔记
任务20:Consent Controller Get请求逻辑实现接着上一节的思路,实现一下 ConsentController 根据流程图在构造函数注入 IClientStore,IResourc ...
ASP.NET Core分布式项目实战（oauth2 + oidc 实现 client部分）--学习笔记
任务16:oauth2 + oidc 实现 client部分实现 client 之前启动一下上一节的 server,启动之前需要清除一些代码注释 Program 的 MigrateDbContex ...

分布式项目-三级分类管理（2）