Salesforce LWC学习(三十八) lwc下如何更新超过1万的数据
- 2021 年 12 月 30 日
- 笔记
- lightning学习, LWC, salesforce&apex, salesforce学习
背景： 今天项目组小伙伴问了一个问题，如果更新数据超过1万条的情况下，有什么好的方式来实现呢？我们都知道一个transaction只能做10000条DML数据操作，那客户的操作的数据就是超过10000条的情况下，我们就只能搬出来salesforce government limitation进行拒绝吗？这显然也是不友好的行为。
实现方案：
1. 代码中调用batch，batch处理的数据量多，从而可以忽略这个问题。当然，这种缺点很明显：
1）不是实时的操作，什么时候执行取决于系统的可用线程，什么执行不知道；
2）如果batch数据中有报错情况下，我们应该如何处理呢？全部回滚？继续操作？可能不同的业务不同的场景，哪样都不太理想。所以batch这种方案不到万不得已，基本不要考虑。
2. 前端进行分批操作，既然每一个transaction有限制，我们就将数据进行分拆操作，比如每2000或者其他的数量作为一批操作，然后进行后台交互，这样我们可以实时的获取状态，一批数据处理完成以后，我们在进行另外一批。正好博客中貌似没有记录这种的需求，所以整理一篇，js能力有限，抛砖引玉，欢迎小伙伴多多的交流沟通。
TestObjectController.cls: 获取数据，以及更新数据两个简单方法
public with sharing class TestObjectController { @AuraEnabled(cacheable=true) public static List<Test_Object__c> getTestObjectList() { List<Test_Object__c> testObjectList = [SELECT Id,Name from Test_Object__c ORDER BY CREATEDDATE limit 50000]; return testObjectList; } @AuraEnabled public static Boolean updateTestObjectList(List<Id> testObjectIdList) { List<Test_Object__c> testObjectList = new List<Test_Object__c>(); for(Id testObjectId : testObjectIdList) { Test_Object__c objItem = new Test_Object__c(); objItem.Id = testObjectId; objItem.Active__c = true; testObjectList.add(objItem); } update testObjectList; return true; } }
testLargeDataOperationComponent.html
<template> <lightning-button label="mass update" onclick={handleMassUpdateAction}></lightning-button> <template if:true={isExecution}> <lightning-spinner size="large" alternative-text="operation in progress"></lightning-spinner> </template> <div style="height: 600px;"> <lightning-datatable hide-checkbox-column key-field="Id" data={testObjectList} columns={columns}> </lightning-datatable> </div> </template>
testLargeDataOperationComponent.js：因为测试环境的数据有 data storage 5M的限制，所以数据达不到1万条，这里将每批处理的数据进行设置小一点点，打开log，从而更好的查看展示效果。
import { LightningElement, track, wire,api } from 'lwc';
import getTestObjectList from '@salesforce/apex/TestObjectController.getTestObjectList';
import updateTestObjectList from '@salesforce/apex/TestObjectController.updateTestObjectList';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
const columns = [
{label: 'Name', fieldName: 'Name',editable:false}
];
export default class testLargeDataOperationComponent extends LightningElement {
@track testObjectList = [];
@track columns = columns;
@track isExecution = false;
@wire(getTestObjectList)
wiredTestObjectList({data, error}) {
if(data) {
this.testObjectList = data;
} else if(error) {
console.log(JSON.stringify(error));
}
}
async handleMassUpdateAction() {
let listSize = this.testObjectList.length;
let allOperateSuccess = false;
this.isExecution = true;
//hard code, default operate 1000 per transcation
let offset = 200;
let idList = [];
for(let index = 0; index < listSize; index ++) {
idList.push(this.testObjectList[index].Id);
if(index === listSize - 1) {
console.log('*** index : ' + index);
const finalResult = await updateTestObjectList({testObjectIdList: idList});
if(finalResult) {
this.isExecution = false;
this.dispatchEvent(
new ShowToastEvent({
title: 'operation successed',
message: 'the records are all updated success, size : '+ listSize,
variant: 'success'
})
);
idList = [];
}
} else if(index % offset == (offset -1)){
console.log('---index : ' + index);
const processResult = await updateTestObjectList({testObjectIdList: idList});
if(processResult) {
idList = [];
} else {
this.dispatchEvent(
new ShowToastEvent({
title: 'failed',
message: 'operation failed',
variant: 'error'
})
);
this.isExecution = false;
break;
}
}
}
}
}
效果展示
1. 初始化数据2000条，状态都是false
2. 当点击按钮时，展示spinner，同时每200条数据准备好会在后台进行一次数据操作，结果返回以后，在进行前端的整理，周而复始，一个说不上递归的数据操作。
当全部完成以后，展示成功toast信息
这样操作就可以实现超过10000条情况下，也可以进行同步的更新操作了。当然，这个现在只是一个初版，有没有什么问题呢？肯定有，比如在执行某200条数据错误的情况下，如何所有的数据进行回滚呢？如何记录已有的已经操作的数据呢？我们的后台返回类型可能就不是一个布尔类型可以搞定的了，有可能需要一个wrapper去封装一下曾经操作过的数据的ID，如果真的有错误情况下，调用其他的方法进行数据回滚操作（业务上回滚，而不是 savePoint rollback操作，此种实现不了）。
总结：相信不同的老司机对这种需求处理方式会有不同，本篇抛砖引玉，欢迎大神们交流以及给更好的建议意见。篇中错误地方欢迎指出，有不懂欢迎留言。
