上一篇我们简单的描述了一下Salesforce DX的配置以及CLI的简单功能使用,此篇主要简单描述一下LWC如何实现helloWorld以及LWC开发时应该注意的一些规范. 做国内项目的同学直观的感觉可能时这两年新项目基本上都在使用lightning,如果进行客制化使用aura框架进行开发.对于新项目来说,如果受够了classic平台下js,css都在page里面写,并且一个标签或者一个actionFunction各种reRender的杂乱情况下,aura模块的分层管理还是很易读的:但是对于老…

我们使用vs code创建lwc 时,文件会默认生成包含 template作为头的html文件,包含了 import LightningElement的 js文件以及对应的.js-meta.xml文件.前一个LWC学习的文章中已经说过当浏览器渲染的时候,遇见<template>会将其渲染成<namespace-component-name>,比如 helloWorld.html引入在页面中浏览器进行渲染时,此文件的template会被渲染成<c-hello-world>…

我们在上篇介绍了 @track / @api的区别.在父子 component中,针对api类型的变量,如果声明以后就只允许在parent修改,son component修改便会导致报错. sonItem.html <template> <lightning-input value={itemName} onchange={changeItemName} label="item name"></lightning-input> </templa…

之前的几节都是基于前台变量进行相关的操作和学习,我们在项目中不可避免的需要获取数据以及进行DML操作.之前的内容中也有提到wire注解,今天就详细的介绍一下对数据进行查询以及DML操作以及Wire Service相关的知识. 一. LDS 学习LDS以前可以先看一下aura中LDS的概念salesforce lightning零基础学习(六)Lightning Data Service(LDS).针对LWC中的LDS和aura中的功能原理很像,区别可能是语法和标签的区别.所以这里对LDS不做过多…

上一篇中我们在demo中使用了很多的 @salesforce 以及 lightning/ui*Api的方法,但是很多没有细节的展开.其实LWC中针对这些module提供了很多好用的方法,下面对这两种进行详细介绍. 一. @Salesforce @salesforce模块封装了很多的方法,用于在运行时添加相关的功能.主要方法及使用如下. 1. @salesforce/apex : 此方法用于引入apex的方法,这里的方法包括自定义的方法以及标准的预置的方法,具体操作如下.1)引入自定义apex类的…

上一篇我们介绍了针对LWC中常用的LDS的适配的wire service以及@salesforce模块提供的相关的service,其实LWC中还提供其他的好用的service,比如针对导航相关的lightning/navigation以及展示toast提示信息相关的lightning/platformShowToastEvent.此篇主要针对这两个service进行简单的介绍. 一. lightning/navigation 我们有好多场景会用到跳转操作,比如创建记录以后跳转到此记录详情页,点击…

本篇查看https://trailhead.salesforce.com/content/learn/modules/lightning-web-components-for-aura-developers/ 国内现在lightning开发以aura为主,aura针对标签,样式,javascript,LDS父子关系嵌套,事件相关往lwc迁移或者aura技术者学习lwc知识查看上面的trailhead便可以更好的直观的学习.…

LWC: Create a Salesforce DX Project and Lightning Web Component:https://www.youtube.com/watch?v=p268YjunARA&feature=youtu.be Build App with Package Development:https://trailhead.salesforce.com/en/content/learn/trails/sfdx_get_started Salesforce DX(De…

本篇参考https://www.salesforcelwc.in/2019/10/lookup-in-lwc.html,感谢前人种树. 我们做lightning的时候经常会遇到Look up 或者MD字段在页面搜索展示的需求,在标准的页面很常见,而且很好看.但是很遗憾的是在自定义组件中还没有现成的标准组件去搞定.下面介绍两种方式去实现展示lookup / MD字段的组件样式.  一.  record-edit-form搭配 lightning-input-field 曲线救国 标准功能也不是10…

我们在lightning开发中,quick action是一个常用的功能,很可惜的是,lwc目前还不支持单独的custom quick action操作,只能嵌套在aura中使用才能发挥作用. 官方也给我们提供了如何进行嵌套,简单代码嵌套如下所示: <aura:component implements="force:lightningQuickActionWithoutHeader,force:hasRecordId,flexipage:availableForRecordHome&quo…