随着VS-Code的广泛应用,越来越多的人意识到它的便利,越来越多的人正在直接保存后端代码,结合nodes.js实现代码集成的功能,这不仅减少了代码的使用,还能节约内存，使电脑运行更加平稳,今天，我来告诉你如何在VS-Code中实现完整的添加和删除检查。
需要的软件:IDEA,VS-Code,Redis。
一、完成后台代码，在之前的后台代码中我只改动了一点，就是在controller的remove方法里边传参的时候，加上了RequestBody注解，代码如下：
其次,打开反代码并实现新的功能。
打开通道. js文件将写新的方法,注意接口的路径,代码如下:
打开索引。 视图文件导入 addChannel,可以在以前导入方法中用逗号区分。 代码如下:
3.将额外的按钮添加到视图层,并编写行和列,代码如下:
4, 通过 queryapi 创建handleAdd 函数, 使用 el-dialog, 代码如下:
5、提交表单，此段代码需要写在sumitForm方法中，代码如下：
三、删除功能。
打开 channel.js文件, 发送删除请求, 代码如下:
2. Import removeChannel并用逗号分隔它。代码如下:
3.在视图层中添加删除按钮,将数据传递给ID,代码如下:
4.在业务层中创建函数,名称与@click相同,然后通过ID,并作出判断,如果返回值为200,删除成功,并战斗是Abby,在VS-Code中,有成功和失败的提示,可以直接召唤,代码如下:
修改函数分为两个步骤,第一步是获取数据,第二步是修改。
1、打开channel.js文件，首先发送的是获取数据的请求，再发送修改请求，代码如下：
2. 将 getChannel 和 editChannel 一起导入, 并用中间的逗号分开, 编码如下:
3.将修改按钮添加到视图层中,代码如下:
4.在业务一级创建函数,名称与@click相同,然后输入ID来检索表格数据,代码如下:
5,判断,如果返回值为200,删除成功,否则失败,在VS-代码中,成功和失败都已附上,可以直接调用,代码如下:
在这里要说一下，事实上,在数据库中添加和修改的方法是相同的,一直到 thesumitForm方法,所以我用判断来写,如果数据库中的数据空,就走添加方法，如果数据库有这些数据,然后我会自动把它拿出来再填,然后走修改方法，判断的代码如下：
替换搜索表格,否则在点击添加时将直接显示得到的数据。
五、测试。
1、添加功能。
添加前
添加后
2、修改功能。
修改前
修改后
3、删除功能。
删除前
删除后
现在,添加和删除检查功能已经完全实现,并附上完整的代码。
channel.js
index.vue
end~~