[JavaScript知识库]Vue2系列教程（四）：番外篇之数据增量保存与去重问题

Vue2 - 番外篇之数据增量保存与去重问题

• 数据增量存储问题分析
• 数据去重问题
• 从后端的角度再次分析数据去重问题
• 附加

一：数据增量存储问题分析

1> 问题来源

表格A在页面初始化时，从数据库中加载了三条数据数据并显示；一番操作后，表格中数据被删了一条，又增加了一条新数据。

请问：表格中的新数据如何同步进入数据库？

2> 思路分析

• 全部删除原有数据，重新添加新数据
  • 数据量少时可行，但当表格初始化数据过多且只修改少部分数据，这种操作将会给数据库带来更重的负担。
• 记录被删除的数据ID、新增加的数据ID ( √ )
  • 后台需要指定两次SQL语句，这个过程需要使用事务进行额外控制。

3> 前后端实现分析

• 前端

  • 如何确定被删除的数据和新增加的数据？（ES6）

    let oldTableData = [
        {
           id

了解本专栏 订阅专栏 解锁全文 学习会员免费看