Salesforce LWC学习(三十八) lwc下如何更新超过1万的数据

背景：今天项目组小伙伴问了一个问题，如果更新数据超过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操作，此种实现不了）。

总结：相信不同的老司机对这种需求处理方式会有不同，本篇抛砖引玉，欢迎大神们交流以及给更好的建议意见。篇中错误地方欢迎指出，有不懂欢迎留言。

巴特西

Salesforce LWC学习(三十八) lwc下如何更新超过1万的数据

最新文章

热门文章