p5 树形数据显示 & 删除

显示树形数据

待看：https://blog.csdn.net/weixin_44190665/article/details/121043585

1、配置product模块到nacos中

2、发现端口号88未改变，问题出在nacos获取product信息出错。

原因是网关配置顺序，未读取到/api/product，就被人人符合条件了。

3、检测后端请求删除数据功能是否正常时，显示网关不起作用，少写了api，找不到对应的

http://localhost:88/api/product/category/delete

4、根据前端控制台信息，data.menus = data.data.page(url获取的)

5、添加“增加”“删除”标识

把官网中的span标签复制，本来copy的是el-tree整个控件

但是 data defaultprops 已经确定了不是

6、点击delete，发现节点收缩。使用 :expand-on-click-node="false"类型

PS 不带引号是字符串类型，带上引号才是其他，如这里的布尔类型，或者其他的数组类型

删去无用的@node及函数

7、增加功能：只有没有子菜单的目录才能删除；只有一级/二级菜单才能append

用数组[ ]的length array；map的size； 对象{ } object

8、显示节点是否被选择 show-checkbox

9、设置 node-key 提高效率 = “catId”

逻辑删除

@RequestBody获取请求体，必须发送Post请求

SpringMvc自动将请求体的数据json，转换为对应的对象，如Long类型

在CategoryController.java中，光标放到接口上，ctrl+alt+B直接跳到实现类

要求现在备注待实现功能：检查当前删除的菜单，是否被别的地方引用

用注释 //TODO 视图—工具窗口—TODO可以查看项目所有的待办

1、mybatis-plus官网中有逻辑删除规则，实际上并没有从内存中删除，只是改变了数据的状态位

PS 注意注释 value值都要空一格

mybatis-plus.global-config.db-config
						 logic-delete-value: 1 # 已删除
						 logic-not-delete-valeu: 0 

2、需要在Bean中对应的字段上加上标识 @TableLogic

3、实际上要求 1是存在，0是不显示 删除

 @TableLogic(value="1",deval="0")

想要从控制台看是否运行了删除的sql语句

更改日志级别，没有空格的话会提示缺少映射键

logging:level:(换行)com.atguigu.gulimall.product:(空一格)debug

对应前端更改

前端utils中httpRequest.js adronParams

由于get请求通常会缓存，不会要新的数据，所以考虑用请求+时间戳参数/随机数，来实时请求服务器

加 : 表示动态绑定

代码模板复制 HTTP-POST HTTP-GET请求

vue中配置用户代码片段不起作用

解决：需要配置全局片段，文件是code-snippets。

发现模板无法实现相对缩进，不用管，快捷生成后，调整样式 alt + shift + f即可

查看控制台日志，网址是否正确，错误信息等。。。

把data.catId 变为 var ids = [data.catId]。因为请求要求输入是数组形式

细节调整

1、确认是否删除的对话框（官网的确认），删除成功后提示已删除

2、是否删除[${data.name}]飘号表示动态

3、注意添加东西时，括号容易出错。记得先上下空一行，复制粘贴，格式化整理，防止出错。

4、删除后刷新数据，但父节点要求默认是展开状态。

4.1 动态绑定。:default-expand-keys="expandKeys" 记得加引号

4.2 给数据 this.expandKeys = [node.parent.data.catId] 记得加【】