spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)

spring boot 与 iview 前后端分离架构之组织用户的组织的增删改的实现(十九)

  • 公众号
  • 组织架构的维护
    • 新增组织
    • 修改组织
    • 删除组织

公众号

在这里插入图片描述
大家可以直接微信扫描上面的二维码关注我的公众号,然后回复【bg19】 里面就会给到源代码的下载地址同时会附上相应的视频教程,并定期在我的公众号上给大家推送相应的技术文章,欢迎大家关注我的公众号。

组织架构的维护

本章将为大家讲解该如何实现对组织的增删改的实现,

新增组织

打开十八章的工程,在user目录底下创建一个addOrg.vue,该文件实现了新增组织的功能,代码如下:



接着打开我们的orgList.vue,添加以下部分的修改:
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第1张图片在这里插入图片描述
接着我们运行我们的程序,访问用户组织架构页面,点击页面上的增加按钮,大家会看到如下的页面则我们的新增组织就完成了。
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第2张图片

修改组织

在我们的user目录新增一个updateOrg.vue的文件,改文件主要实现对组织的修改,代码如下:



接着打开我们的orgList.vue,添加以下部分的修改:
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第3张图片
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第4张图片
接着再次运行我们的程序,点击我们用户组织页面的修改我们会看到如下的页面则说明我们的修改组织已经完成了。
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第5张图片

删除组织

删除组织的代码实际上我们在第十八的章的时候就已经实现了,这边直接告诉大家截图的位置:
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第6张图片
我们可以直接点击当前页面的删除按钮实现组织的删除。
spring boot+iview 前后端分离架构之组织用户的组织的增删改的实现(十九)_第7张图片
到此处我们就完成了本章的代码了。
上一篇文章地址:spring boot+iview 前后端分离架构之组织用户的布局的实现(十八)
下一篇文章地址:spring boot+iview 前后端分离架构之组织用户的用户的增删改的实现(二十)

你可能感兴趣的:(java,spring,boot,iview,vue,spring,boot,与,iview实现前后端分离架构)