持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第27天，点击查看活动详情

上一篇介绍实现了组织信息修改界面，这一篇继续完善这个页面，将修改提交实现，并完成删除和新增的功能。

我已经设置了公开权限，大家都可以访问，项目每天的进度基本上是和文章更新一致的，或者略快于文章，我也是边写边发的，有些代码在后续版本说不定就更改了。代码的字数意义不大，有需要的都可以去项目上直接看，这里我都换成了图片。

一、实现步骤

(一) 继续完成组织信息修改的功能

修改提交的js代码如下

逻辑上就是先把弹出框里的数据提取出来封装为一个数据对象，然后通过ajax的方式传递给后端。

后端接收处理的逻辑如下：

后端同步考虑前端的下拉框------选项，不考虑也行，在筛选模型实体时也是None。

删除功能的前端js脚本和编辑类似，这里不再赘述。

在删除后会多一个刷新页面的操作。

在后端处理逻辑中，删除一个组织，会先将这个组织的下级组织找出来，修改他们的上级组织为被删除的组织的上级组织，对链路进行连接完善。

新增功能的实现也没有什么新特性，先在html文件中加入一个按钮和新增对话框，再给这个按钮绑定点击事件，点击后弹出新增对话框。点击提交按钮时将对话框中的数据提交给后台处理。处理完之后也会刷新这个页面。

后台处理逻辑如下

后台处理会校验组织名称，如果是重复名称，会有不同的提示消息。

效果如下

此时整个组织管理的功能已经基本完善，后续可以自行加上对应的日志和权限处理，使功能更加完善。