首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从Lwc调用Apex类,只保存它

在Salesforce平台上,Lwc(Lightning Web Components)是一种用于构建现代、高性能Web应用程序的框架,而Apex是Salesforce平台上的一种编程语言,用于开发后端逻辑和数据处理。

当需要从Lwc组件中调用Apex类时,可以通过使用@wire装饰器来实现。@wire装饰器是Lwc框架提供的一种机制,用于在组件中调用Apex类的方法。

以下是调用Apex类的步骤:

  1. 创建一个Apex类:首先,需要在Salesforce平台上创建一个Apex类,该类包含需要执行的逻辑和方法。可以使用Apex开发工具(如Salesforce开发者工具包)或Salesforce开发者控制台来创建Apex类。
  2. 在Lwc组件中导入Apex类:在Lwc组件的JavaScript文件中,使用import语句导入Apex类。例如,如果Apex类名为"MyApexClass",可以使用以下语句导入:
  3. import myApexClass from '@salesforce/apex/MyApexClass.methodName';
  4. 这里的"methodName"是Apex类中的一个方法,可以根据需要进行更改。
  5. 使用@wire装饰器调用Apex类方法:在Lwc组件的JavaScript文件中,使用@wire装饰器来调用Apex类的方法。@wire装饰器接受两个参数:Apex类的方法和可选的配置对象。例如,可以使用以下语句调用Apex类中的"methodName"方法:
  6. @wire(myApexClass.methodName, { parameterName: 'parameterValue' }) methodName({ error, data }) { if (data) { // 处理返回的数据 } else if (error) { // 处理错误 } }
  7. 这里的"parameterName"和"parameterValue"是传递给Apex类方法的参数,可以根据需要进行更改。
  8. 处理返回的数据或错误:在@wire装饰器中定义的方法中,可以处理从Apex类方法返回的数据或错误。如果数据成功返回,可以在"data"参数中访问它。如果发生错误,可以在"error"参数中访问错误信息。

这样,就可以从Lwc组件中调用Apex类,并处理返回的数据或错误。

关于Lwc和Apex的更多信息,可以参考以下链接:

  • Lwc官方文档:https://developer.salesforce.com/docs/component-library/documentation/lwc
  • Apex官方文档:https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/ OP: 从Lwc调用Apex类,只保存它
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Salesforce LWC学习(十四) Continuation进行异步callout获取数据

本篇参考: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.apex_continuations...当然,有些场景下数据是存储在外部系统,需要apex进行callout操作去获取数据展示前端。lwc针对callout操作可以简单的分成几步走,我们这里以 一....在lwc中,我们需要使用 Continuation这个salesforce提供的进行交互,具体使用和文档可以查看最上方的链接。...我们在lwcapex交互需要设置 @AuraEnabled=true,这个同样需要,在这个基础上,需要设置continuation=true,如果请求数据是固定的,可以也设置cacheable=true...variable String result = response.getBody(); return result; } } continuationCmp.html:用来展示远程服务器端的内容

1.1K20

salesforce零基础学习(一百零一)如何了解你的代码得运行上下文

背景:不了解我的人如果看过我的博客,会以为我是一个发亮稀少,或者表情严肃的程序狗。...Quiddity Quiddity是salesforce winter21新加的枚举apex如果使用,api version需要50及以上。我们通过上面的连接可以看到这个枚举中包含的枚举元素。...元素很多,找几个单独说一下: ANONYMOUS: 匿名块或者develop console执行的代码,运行时环境将会是 ANONYMOUS; AURA: 通过aura或者lwc调用的代码,运行时环境将会是...AURA,需要注意的是,目前至少在API 51的版本上,无法区分当前运行的是aura还是lwc,以后有可能会改善吧; BATCH_APEX:当前运行代码环境是batch job场景; FUTURE:当前运行代码环境是...通过上面的博客链接,我们可以对这个功能做更好的拓展,做一个功能阀,保证我们的代码在部分场景运行。可扩展性很多,大家可以基于自身的业务去进行使用。

65710
  • Salesforce LWC学习(二十九) getRecordNotifyChange(LDS拓展增强篇)

    LDS虽然用的爽,但是毕竟有限制,因为只有满足上面所说的条件才可以共用LDS的缓存,如果使用 @wire调用后台apex的代码则无法实现 共用LDS从而导致一个页面各个 component展示出现问题。...使用wire 或者命令式调用apex方法处理逻辑。...举例说明,我们对 上面demo中的wiredAccountgetRecord方法换成后台 通过apex获取数据。...从而实现apex调用情况下,即使在更新了数据情况下,整个页面的LDS都是最新的。需要注意的是,这个 功能仅用于 version 50及以上版本,如果是48/49或者其他的老版本不支持。...总结:getRecordNotifyChange实现了使用调用后台apex情况下,LDS保证是最新的痛点,项目中可能会经常用到,不了解的小伙伴快去查看一下官方文档。

    78510

    Salesforce Integration 概览(二) Remote Process Invocation—Request and Reply(远程进程调用--请求和响应)

    的操作,该操作随后执行上述说的代理Apex以执行远程调用。...Visualforce页上的用户启动的操作随后调用Apex Controller的action,该操作随后执行此代理Apex以执行远程调用。...Apex代理可以通过使用Apex Trigger作为DML操作的结果来执行。但是,Trigger上下文中发出的所有调用都必须时间初始化时异步执行。因此,不建议将此解决方案用于此集成问题。...lwc调用demo可参考:Salesforce LWC学习(十四) Continuation进行异步callout获取数据 四....确保所调用的远程过程是幂等的是很重要的。几乎不可能保证Salesforce调用一次,特别是当调用是由用户界面事件触发时。

    1.3K40

    Salesforce LWC学习(三十五) 使用 REST API实现不写Apex的批量创建更新数据

    那么,针对批量数据的场景,是否有什么方式可以不需要apex,直接前台搞定吗?当然可以,我们可以通过调用标准的rest api接口去搞定。...import { LightningElement, wire, api } from 'lwc'; import getContacts from '@salesforce/apex/ContactController.getContacts...周末时间相对充裕,不太甘心的忽然想到了一个事情,不要看 console的报错,查看一下network是否有什么有用的信息。...破案了,后台通过 UserInfo.getSessionId获取的session信息无法用于REST API的授权,这里就会有一个疑问,因为艾总发过来了一个VF的demo,是可以通过rest去调用的,难道是...总结:篇中展示了一下通过 REST API去批量操作数据的可行性,仅作为一个简单的demo很多没有优化,异常处理,错误处理等等。而且对数据量也有要求,200以内。

    2.2K40

    Salesforce LWC学习(三) import & export api & track

    lwc中,html使用{}将属性包围起来,{property}后台声明property,想要计算这个property的值,我们只需要调用 get property即可获取到property的值。...必须是唯一的,而且不能使用index的值作为key,并且针对key的类型只能是String或者Number;另外一种iterator:iteratorName={array}方式来声明list,这种声明的方式为封装了...只能当前这个当中引用,并且 apex page中无法引用,这里的 Private也有这层意思,区别是 Private类型变量可以在component中使用,但是他的后期的任何变化不会对component...我们常用的注解除了@track 以及 @api以外,还会经常使用@wire,区别为前两个是针对前台的,后面的这个是wire service,可以用来获取数据,创建数据,调用apex等等,这个以后会有讲解...总结:篇中简单的介绍了关于track / api 以及 import / export的基础知识,深入学习还请自己查看文档。篇中有错误地方欢迎指出,有不懂的欢迎留言。

    1.3K20

    Salesforce学习 Lwc(十五)【Picklist项目的Label值取得方法】

    我在【Account】Object中创建一个Picklist的项目【Importance__c】,具体有三个值,高,中,低 image.png 下边我们开发一个Lwc,用于在Account详细页面显示当前值...,通过Lwc的【getRecord】方法可以轻松取得Picklist项目的值。...1.toLabel方法 通过ApexClass,查询Picklist项目,然后使用toLabel方法进行转换,Js中通过调用Apex,取得查询结果 WarningMsgPanelCtrl.cls /**...Apex,在之前的文章中有过记载,今天先省略,下边通过开发者Console进行查询验证一下。...= [MSG]; } } 效果展示: image.png ※上边的【pickListLabelUtils】的共通方法,现在只能取得一个Object得情报,如果是大项目的话,可以考虑改造成为共通

    99290

    Salesforce LWC学习(四十) dynamic interaction 浅入浅出

    Salesforce LWC学习(三十) lwc superbadge项目实现 背景描述: 我们今天看的demo是salesforce的dream house的UI,这个demo在 salesforce...developer gallary中可以查询到,上述的git hub是的源代码。...Dynamic interaction 目前支持在 app page 只有LWC自定义组件可以是事件源,但页面上出现的任何组件(Aura或LWC)都可以是目标组件。...当依赖属性根据所做的选择或在另一个属性中输入的值自动填充时,除非通过单击或tab 去 focus在依赖属性字段,否则不会保存自动填充的值。...这里source以及event是没法更改的,目前 interaction支持Update Properties,后续有可能会新增。updateTimeStamp使用 {!

    95630

    Salesforce LWC学习(十八) datatable展示 image

    datatable有一个标准事件rowselection,调用以后可以通过event.detail. selectedRows获取选中的行的信息,另外一种就是找到datatable然后调用其getSelectedRows...'; import getCaseList from '@salesforce/apex/DataTableExampleController.getCaseList'; const COLUMNS =...来剖析一下原因,datatable针对columns的fieldName支持一级结构的获取,针对获取父的方式没法通过 各种点的方式获取到,那么如何获取呢,查看下面的方式,我们对js的代码进行一下改动。...'; import getCaseList from '@salesforce/apex/DataTableExampleController.getCaseList'; const COLUMNS...前半年的主旋律大部分时间都在学习lwc,后半年的时间大部分会放在考证和学习其他技术,不出意外应该是今年的最后一篇lwc的博文。

    1.5K20

    Salesforce LWC学习(二十一) Error浅谈

    not exist", "errorCode": "NOT_FOUND", "statusCode": 404 } } static code 500 1)apex...首先需要考虑的是,哪些是我们需要捕获的error信息,然后展示到画面上,哪些是应该跳转到ERROR共通画面的,比如如果调用后台产生了 null pointer等错误信息,毫无疑问应该跳转到一个公用的访问错误的页面...实装校验是否有Error的工具 这里errorCheckUtils组件封装了以下的功能: isSystemOrCustomError:校验当前的错误是属于系统异常还是属于自定义异常。...篇幅原因这里展示 form表单方式。我们假设有一个edit form表单,要进行了update操作,针对update操作展示不同类型的错误信息操作。... accountEditSample.js:用于加载数据,验证数据以及保存数据操作

    1.1K10

    Salesforce LWC学习(二十七) File Upload

    multiple> fileUploadSample.js:方法用来指定当前接受...上传两个文件的UI效果,点击done即调用 onuploadfinished这个对应的handler ? 3. 展示toast消息 ? 4....支持上传文件解析 此种方法缺点 对文件上传大小有严格限制 demo如下: FileUploadUsingInputController:用于存储文件以及对csv内容进行解析,需要注意的是,当前方法针对单个...import { LightningElement, track, api } from 'lwc'; import saveFile from '@salesforce/apex/FileUploadUsingInputController.saveFile...总结:篇中主要讲述了关于lwc中文件上传以及文件解析的简单操作。第一种方式适合大文件上传,可自定制化不强但功能强悍。第二种方式可以对数据在apex端进行相关解析,但是有大小的限制。

    64431

    Salesforce LWC学习(十五) Async 以及 Picklist 公用方法的实现

    documentation/en/lwc/lwc.reference_wire_adapters_picklist_values_record Salesforce lwc中给我们提供了很多优秀的wire...import getPicklistMapByObject from '@salesforce/apex/CommonUtilsController.getPicklistMapByObject'; import...是因为我们这个后台进行结果集获取,此步骤不是实时的,而是一个异步的操作,所以他提示了将会将这个转换成了一个异步的函数。 ? 这样的解释可能过于干燥,什么是异步的?异步怎么处理呢?...当我们声明了异步函数,调用调用它时需要使用await去共同使用,从而实现结果集返回时可以正常的接收以及处理。...AccountPicklistComponent.js:公共组件搞定以后我们写一个组件进行测试,下面的组件试验了获取所有picklist类型字段的测试,其他的方法感兴趣的自行测试。

    1K20

    Salesforce学习 Lwc(九)【数据初期取得与更新】运用详解

    ·【lightning-record-form】+【lightning-input】+Apex代码(数据取得)+Apex代码(数据更新) ※方法2如果有限制,就可以用这个方法,比如画面需要表示的项目是关联表的情况下...,用Apex代码一次取得所有项目。...return opportunityItem; } } 效果展示: 初期表示:↓↓↓↓↓ image.png 更新后:↓↓↓↓↓↓ image.png 看下边测试效果,初期数据取得【...getRecord】改成Apex之后,虽然在更新成功时调用方法【refreshApex】,但还是没有刷新其它Component的数据。...打开其它Component↓↓↓↓↓↓ image.png 解决方法是调用方法【getRecordNotifyChange】,可以对指定RecordId的数据进行取得,更新并更新Lightning Data

    1K40

    Salesforce LWC学习(十七) 前端知识之 onclick & onblur & onmousedown

    在Salesforce LWC学习(八) Look Up组件实现篇中,我们实现了公用的lookup组件,使用的过程中,会发现当我们输入内容以后,搜索出来的列表便无法被清空。 ?...customLookUpForLwc.js:搜索结果处增加处理项,同时增加是否显隐标签的判断逻辑 /* eslint-disable no-console */ /* eslint-disable @lwc.../lwc/no-async-operation */ import lookUp from '@salesforce/apex/CustomLookUpForLwcController.lookUp'...这两个操作以后作为onclick,onblur在onmousedown以后,但是在onmouseup以前,也就是说Onblur在onclick操作以前,所以上述的demo中,下面的ul li的onclick事件无法调用到只能调用到...input的onblur的事件,针对这种情况我们最终只需要将li的事件onclick 修改成onmousedown即可完美的解决上述的问题。

    1.3K40
    领券