项目一众筹网05_03_树的节点的增删改查、radio、代码里面实现模拟用户点击重置、每次加载数据的时候都要考虑一下异步的问题、@RestController注解的使用、@RequestBody

系列文章目录

18-添加子节点-目标和思路

菜单的维护（增删改查）和我们前面所学的角色管理基本上是一样的了
首先要 有 思路：

19-添加子节点-前端：打开模态框

模态框这里我们直接复制粘贴就行了

主要是里面涉及的前端较多，手写的话，要花不少时间
我们到时候再来研究就好，毕竟不是前端工程师，不需要现在就对前端那么精通

return false 这一段代码不要漏掉，这是取消默认行为不写这段的话，就直接跳转走了

其实我们不可忽略的一个事情就是我们在保存一个节点的时候 必须要知道父节点是谁
那么这个 pid怎么得到呢



如上图，获取到父 id 后 打开模态框即可
下一步是确认添加，即 给 模态框里面的保存按钮添加单击相应函数，并且发送Ajax请求

20-添加子节点-前端：发送Ajax请求

这里的 $.trim() 意思是 删除字符串开始和末尾的空格

ajax的参数我们对照着实体类来写

清理表单我们还没做，要怎么做呢？

我们发现，点一下，重置，可以恢复到初始状态

那么我们就要想想，怎么我们在代码里面直接调用一下重置，不需要用户手点

其实也可以，我们还是要绑定一个单击响应函数
如下

代码里面实现模拟用户点击重置

click里面不传function就相当于点了一下按钮
接下来就是后端

21-添加子节点-后端

确认一下 id 是否 是 自增

bug发现 异步的问题 ：每次加载数据的时候都要考虑一下异步的问题

有没有这种情况，我们还添加完就加载数据了异步当然是有可能的
所以我们要加个参数

这个问题不一定能每次重现，但是却是一个未知的隐患，应该必须要处理

还有一种处理方式就是代码的位置改动一下，如下。不过我们为了练习一下异步和同步推荐用上面的方式
工作中用这种比较简单，少写一行代码

这样添加就没啥问题了

22-更新节点-目标和思路

更新与新增最大的区别就是要回显
那么树形开发的回显怎么做
其中的思路之一是，我们拿到id然后去数据库里面查一下，拿到node对象，
再放到前端的模态框里面去

23-更新节点-前端：打开模态框

复制一下代码




然后测一下点击修改 能不能打开模态框
效果如下：




文本框简单


那单选按钮怎么处理呢？
注意要放数组里面


测试看看

24-更新节点-前端：发送Ajax请求

25-更新节点-后端

特别注意这里

26-更新节点-小结

略

27-删除节点-目标和思路

28-删除节点-前端：打开模态框

最后效果：

29-删除节点-前端：发送Ajax请求

注意操作完成之后需要关闭模态框

30-删除节点-后端

注意
猜一下，如果这样获取参数会不会报错

答案是 会，错误码是415
错误码

即使是这样还是会报错，因为思路错了，@RequestBody 接收的必须是前端那边就是json对象的字符串数据，要进行转换

除非是像这样转换一下

前端请求传Json对象则后端使用@RequestParam；

前端请求传Json对象的字符串（前端必须要用contentType说明请求体内容）
则后端使用@RequestBody，参数类型有要求，必须要跟前端对应，一般为对象等

【非常重要的@RequestBody知识】当请求体是Json对象字符串的时候，我们就必须要告诉服务器

正确的案例：对象

正确案例2：数组


window.roleIdArray 这里面存的 是数组

这样后端才能用 @RequestBody List ids 去接收

这样后端才能用 @RequestBody List ids 去接收

扯回来，如果是最开始那样，前端请求的是Json对象则后端使用@RequestParam即可
如下 ，后端用@RequestParam接收参数即可解决

@RequestParam和@RequestBody 小总结

总结一下就是 三种前端传参方式，对应后端三种不同的接收参数的方式

31-@RestController注解=@ResponseBody+@Controller

我们发现一个问题，每个方法都有@ResponseBody 根据我们对springMvc 的理解，那么肯定可以提取
java最爱的就是各种提取了

我们下面就来试试
先注释一下代码

== 这样@ResponseBody 不用写了 @Controller 也不用写了==

分布式架构里面也经常会用@RestController