Bootstrap

Web前端最全最常见的需求基于Vue的批量删除你会嘛(1),2024年最新字节跳动前端岗面试题

最后

如果你已经下定决心要转行做编程行业,在最开始的时候就要对自己的学习有一个基本的规划,还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标,然后为之努力,坚持到底。如果你有幸看到这篇文章,希望对你有所帮助,祝你转行成功。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】


post http://localhost:8888/student/batchDelete

['s001','s002']

  • 步骤:

    • 步骤1:编写service,获得所有id,遍历依次删除(拼条件 where sid in (‘s001’,‘s002’))

    • 步骤2:编写controller,使用List接收json数组

  • 步骤1:编写service,获得所有id,遍历依次删除(拼条件 where sid in (‘s001’,‘s002’))

    • 接口

    /**

     * 批量删除

     * @param ids

     * @return

     */

    public void batchDelete(List<String> ids);

  • 实现类

    @Override

    public void batchDelete(List<String> ids) {

        // 遍历,依次删除

        ids.forEach(id -> {

            studentMapper.deleteByPrimaryKey(id);

        });

    }

步骤2:编写controller,使用List接收json数组


    /**

     * 批量删除

     * @param ids

     * @return

     */

    @PostMapping("/batchDelete")

    public BaseResult batchDelete(@RequestBody List<String> ids) {

        try {

            // 删除

            studentService.batchDelete(ids);

            // 提示

            return BaseResult.ok("删除成功");

        } catch (Exception e) {

            e.printStackTrace();

            return BaseResult.error(e.getMessage());

        }

   

  • 测试

前端

  • 步骤:

    • 步骤1:声明变量deleteIds:[]

    • 步骤2:变量与复选框绑定

    • 步骤3:点击按钮进行删除

  • 步骤1:声明变量deleteIds:[]

  • 步骤2:变量与复选框绑定

  • 步骤3:点击按钮进行删除


    // 8.3.2 批量删除函数

    async batchDeleteStudent() {

      // 1)询问

      if(!confirm('您确定要删除么?')) {

        return;

      }

      // 2)ajax

      let {data:baseResult} = await axios.post('http://localhost:8888/student/batchDelete', this.deleteIds)

      // 3)提示

      if(baseResult.code == 20000) {

        // 3.1)成功 -- 重新查询

        this.condition(1)

      } else {

        // 3.2)失败

        alert(baseResult.message)

      }

    },

删除

==

  • 思路:

    • 步骤1:将需要删除的sid,添加到批量删除的变量数组中

    • 步骤2:调用批量删除的功能

  • 步骤1:将需要删除的sid,添加到批量删除的变量数组中

步骤2:调用批量删除的功能


    deleteStudent(sid) {

      // 将sid添加到批量删除的数组中

      this.deleteIds.push(sid)

      // 调用批量删除

      this.batchDeleteStudent()


### 最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/936c30d379b0f65763210f30cd4be9d0.webp?x-oss-process=image/format,png)

多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中...(img-83TPAOoE-1715893246500)]

;