Verwenden von Lightning Data Service für die Arbeit mit Daten

Lernziele

Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:

Erstellen von Lösungen, die Basiskomponenten vom Typ lightning-record-*-form enthalten
Verwenden von LDS-Wire-Adaptern (Lightning Data Service) zum Lesen von Daten
Verwenden von LDS-Funktionen zum Ändern von Daten

Hinweis

Lernen Sie auf Deutsch? Beginnen Sie die Aufgabe in einem Trailhead Playground in der Sprache Deutsch und verwenden Sie für die Navigation die in Klammern angegebenen Übersetzungen. Kopieren und fügen Sie nur die Angaben in Englisch ein, da zur Überprüfung der Aufgabe Daten in Englisch benötigt werden. Wenn Sie die Aufgabe in Ihrer deutschen Organisation nicht bestehen, empfehlen wir Ihnen folgende Vorgehensweise: (1) Stellen Sie das Gebietsschema auf USA um, (2) legen Sie Englisch als Sprache fest (Anweisungen dazu finden Sie hier) und (3) klicken Sie erneut auf die Schaltfläche "Check Challenge" (Aufgabe überprüfen).

Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".

Wenn dies Ihre erste Begegnung mit Lightning-Webkomponenten ist, dann stoppen Sie bitte gleich hier. Und gehen Sie einen Schritt zurück. Bevor Sie dieses Modul durcharbeiten, sollten Sie unbedingt das Modul Lightning-Webkomponenten – Grundlagen und den Trail Verwenden von JavaScript hier in Trailhead abschließen. Die hier durchgeführten Aufgaben bauen auf den Konzepten und Aufgaben auf, die Sie in diesem Modul und Trail bearbeiten.

Verwenden von Daten in Lightning-Webkomponenten

In Lightning-Webkomponenten gibt es mehrere Möglichkeiten, mit Salesforce-Daten zu arbeiten. Wenn Sie wissen, welche Lösung für einen bestimmen Anwendungsfall geeignet ist, hat dies den Vorteil, dass Sie weniger Code, einfacheren Code und besser zu pflegenden Code schreiben können. Die Verwendung der jeweils am besten geeigneten Lösung verbessert zudem die Performance Ihrer Komponenten und Anwendungen.

In diesem Modul lernen Sie, wann und wie Sie verschiedene Lösungen nutzen. Es werden jeweils die einfachsten, aber am wenigsten anpassbaren Möglichkeiten zuerst beschrieben. Später sehen wir uns dann komplexere, anpassbarere Möglichkeiten an.

Verwenden von Daten mit Lightning Data Service

Lightning Data Service ist die bevorzugte (und einfachste) Möglichkeit, Salesforce-Daten zu verwenden. Bei Lightning Data Service verwenden Entwickler JavaScript, um Komponenten mit Salesforce-Daten zu verbinden.

Außerdem bietet Lightning Data Service durch Serveraufrufe an sichere Benutzeroberflächen-API-Endpunkte Sicherheit. Durch einen clientseitigen, freigegebenen Cache für alle Komponenten maximiert Lightning Data Service die Performance. Wenn ein Datensatz im Cache gespeichert ist, wird er aus dem Cache abgerufen, sodass unnötige Serveraufrufe vermieden werden.

Verlassen Sie sich nicht darauf, dass Sie zu einem bestimmten Zeitpunkt im Lebenszyklus der Komponente Daten von einem Wire-Adapter erhalten. Daten aus einem Wire-Adapter stehen in Lebenszyklus-Hooks wie connectedCallback() oder renderedCallback() nicht immer für den Zugriff zur Verfügung. Weitere Informationen über den Datenlebenszyklus im Wire-Service finden Sie unter Understand the Wire Service (in englischer Sprache).

Lightning Data Service pflegt während des gesamten Anwendungslebenszyklus konsistente und aktuelle Daten über mehrere Komponenten und Clients hinweg. Wenn mehrere Komponenten Lightning Data Service für die Arbeit mit einem Datensatz verwenden und eine dieser Komponenten den Datensatz ändert, spiegeln die anderen Komponenten diese Änderung automatisch wider.

In den folgenden Abschnitten beleuchten wir verschiedene Möglichkeiten für die Arbeit mit Salesforce-Daten mit Lightning Data Service.

Lesen oder Ändern von Daten mit Basiskomponenten vom Typ "Record Form"

Die einfachste Möglichkeit für die Arbeit mit Einzeldatensätzen in Lightning-Webkomponenten ist die Verwendung von Komponenten des Typs lightning-record-*-form. Diese Basiskomponenten verwenden Lightning Data Service im Hintergrund und übernehmen damit seine Caching- und Synchronisierungsfähigkeiten. Jede Basiskomponente bietet Ihnen unterschiedliche Funktionen und Anpassungsgrade.

Die Basiskomponente lightning-record-form ist die einfachste. Bei lightning-record-form können Sie ein Layout angeben und Administratoren erlauben, Formularfelder deklarativ zu konfigurieren. Außerdem können Sie eine geordnete Liste mit Feldern angeben, um programmgesteuert zu definieren, was angezeigt wird. lightning-record-form ermöglicht Ihnen, Datensätze anzuzeigen und zu bearbeiten.
Die Basiskomponente lightning-record-view-form ermöglicht Ihnen, Datensätze anzuzeigen.
Die Basiskomponente lightning-record-edit-form ermöglicht Ihnen, Datensätze zu bearbeiten.

Verwenden Sie lightning-record-view-form oder lightning-record-edit-form, wenn Sie das Formularlayout anpassen, Feldwerte vorab eintragen oder ändern möchten, wie Datensatzdaten gerendert werden.

Im folgenden Beispiel wird lightning-record-form zum Erstellen von Accounts verwendet:

accountCreator.html

<template>
    <lightning-card>
        <lightning-record-form
            object-api-name={objectApiName}
            fields={fields}
            onsuccess={handleSuccess}>
        </lightning-record-form>
    </lightning-card>
</template>

accountCreator.js

import { LightningElement } from 'lwc';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import ACCOUNT_OBJECT from '@salesforce/schema/Account';
import NAME_FIELD from '@salesforce/schema/Account.Name';
import REVENUE_FIELD from '@salesforce/schema/Account.AnnualRevenue';
import INDUSTRY_FIELD from '@salesforce/schema/Account.Industry';
export default class AccountCreator extends LightningElement {
    objectApiName = ACCOUNT_OBJECT;
    fields = [NAME_FIELD, REVENUE_FIELD, INDUSTRY_FIELD];
    handleSuccess(event) {
        const toastEvent = new ShowToastEvent({
            title: "Account created",
            message: "Record ID: " + event.detail.id,
            variant: "success"
        });
        this.dispatchEvent(toastEvent);
    }
}

Code-Highlights:

accountCreator.html

Zeile 3: Durch die Verwendung von lightning-record-form im Markup profitieren wir von sämtlichen Vorteilen in puncto Sicherheit und Performance, die Lightning Data Service bietet. Wenn lightning-record-form keine recordId angibt, arbeitet die Komponente im Bearbeitungsmodus (edit) und erstellt bei der Übermittlung einen Datensatz.
Zeile 4: Durch Binden der Eigenschaft object-api-name wird angegeben, welche Art von Objekt geladen werden soll.
Zeile 5: Durch Binden der Eigenschaft fields werden die Felder angegeben, die im Formular angezeigt werden sollen.
Zeile 6: Wir legen handleSuccess als Handler für das Ereignis success fest.

accountCreator.js

Zeilen 3–6: Am Anfang der Datei importieren wie Verweise auf das Objekt "Account" und seine Felder. Werden Objekte und Felder auf diese Weise referenziert, stellt dies die referenzielle Integrität sicher. Salesforce prüft, dass das Objekt und die Felder existieren, verhindert, dass sie gelöscht werden, und stellt sicher, dass sie in Änderungssets und Paketen enthalten sind, die die Komponente referenzieren. Durch den Import von Objekt- und Feldverweisen wird sichergestellt, dass Ihr Komponentencode auch dann noch funktioniert, wenn das Objekt oder die Felder umbenannt werden.
Zeile 10: Wir definieren den Ereignishandler handleSuccess für das Ereignis success. handleSuccess wird ausgeführt, wenn der Speichervorgang erfolgreich durchgeführt wurde.
Zeilen 11–17: Durch Auslösen von ShowToastEvent zeigen wir eine Bestätigungsmeldung an, in der event.detail.id einen Verweis auf die Eigenschaft id des neu erstellten Datensatzes darstellt.

Wenn Sie mehr Anpassungsmöglichkeiten benötigen als die lightning-record-*-form-Komponenten bieten, können Sie Lightning Data Service mithilfe eines Wire-Adapters oder einer JavaScript-Funktion direkt aufrufen.

Lesen von Daten mit LDS-Wire-Adaptern

LDS-Wire-Adapter stellen eine weitere Möglichkeit für die Arbeit mit Salesforce-Daten dar. Verwenden Sie einen Wire-Adapter zum Lesen von Salesforce-Daten (Datensätze) und Metadaten (Layout-Details, Felder eines Objekts usw.). Zur Verwendung eines Wire-Adapters versehen Sie eine Eigenschaft oder Funktion mit dem Decorator @wire und geben den Wire-Adapter an.

Wire-Adapter von LDS prüfen zuerst den LDS-Cache und fordern Daten nur bei Bedarf vom Server an. Adapter reagieren auf Änderungen und aktualisieren Daten entsprechend. Wenn sich beispielsweise der Parameterwert ändert oder andere Komponenten Daten im Cache von Lightning Data Service ändern, stellt ein Adapter die Daten für die mit @wire verbundene Eigenschaft oder Funktion bereit.

Sehen wir uns ein Beispiel an, bei dem der Wire-Adapter getRecord verwendet wird.

wireGetRecordProperty.js

import { LightningElement, api, wire } from 'lwc';
import { getRecord, getFieldValue } from 'lightning/uiRecordApi';
import ACCOUNT_NAME_FIELD from '@salesforce/schema/Account.Name';
export default class WireGetRecordProperty extends LightningElement {
    @api recordId;
    @wire(getRecord, { recordId: '$recordId', fields: [ACCOUNT_NAME_FIELD] })
    account;
    get name() {
        return getFieldValue(this.account.data, ACCOUNT_NAME_FIELD);
    }
}

Code-Highlights:

Zeile 2: Wir importieren den Wire-Adapter getRecord und die Funktion getFieldValue.
Zeile 3: Wie im Beispiel "accountCreator" importieren wir einen Verweis auf das Feld Account.Name. (In Zeile 6 verwenden wir diesen Verweis, um dem Wire-Adapter getRecord mitzuteilen, welche Felder abgerufen werden sollen.)
Zeile 5: Wenn die Komponente "wireGetRecordProperty" auf einer Datensatzseite platziert wird, ermöglicht @api recordId der übergeordneten Komponente (die FlexiPage), die ID des aktuellen Datensatzes an die Komponente zu übergeben.
Zeile 6: Um die Eigenschaft "account" mit @wire zu verbinden, wenden wir den Decorator @wire an und legen den aufzurufenden Wire-Adapter (getRecord) sowie die Parameter fest, die der Adapter benötigt (recordId und fields).
Zeile 7: Der Wire-Adapter stellt einen Wertestrom für die Eigenschaft account bereit, der mehrere Male festgelegt wird. Wird ein Datensatz abgerufen, wird er in account.data gespeichert. Schlägt der Datensatzabruf fehl, wird der Fehler in account.error gespeichert.
Zeilen 6–7: Wenn der Eigenschaft recordId zum ersten Mal ein Wert zugewiesen wird, ruft der Wire-Adapter die Daten vom Server ab und speichert sie für künftige Zugriffe im LDS-Cache. Da wir den Parameter recordId als Zeichenfolge mit dem Präfix $ übergeben, ist recordId reaktiv. Jedes Mal, wenn sich der Wert von recordId ändert, ruft der Wire-Adapter neue Daten ab, und zwar entweder aus dem Cache oder vom Server. Ändert eine andere Komponente den im Cache gespeicherten Datensatz, stellt der Wire-Adapter den neuen Wert des Datensatzes für die Eigenschaft account bereit.
Zeilen 8–10: Wir definieren einen Getter für die Eigenschaft "name". Die Funktion getFieldValue ermöglicht den Zugriff auf die Feldwerte in den zurückgegebenen Daten.

In diesem Beispiel kann die Eigenschaft "name" wie folgt in der HTML-Datei abgerufen werden:

wireGetRecordProperty.html

<template>
  Account Name: {name}
</template>

Das Beispiel "wireGetRecordProperty" zeigt, wie eine Eigenschaft mit einem Decorator versehen wird. Auf dieselbe Weise können wir auch Funktionen mit einem Decorator versehen. Dies ist nützlich, wenn Sie Logik für die zurückgegebenen Datensätze ausführen möchten. Wir haben das vorherige Beispiel (wireGetRecordProperty) so abgeändert, dass nun eine Funktion (wiredAccount) anstelle einer Eigenschaft mit @wire verbunden wird.

wireGetRecordFunction.js

import { LightningElement, api, wire } from 'lwc';
import { getRecord, getFieldValue } from 'lightning/uiRecordApi';
import ACCOUNT_NAME_FIELD from '@salesforce/schema/Account.Name';
export default class WireGetRecord extends LightningElement {
    @api recordId;
    data;
    error;
    @wire(getRecord, { recordId: '$recordId', fields: [ACCOUNT_NAME_FIELD] })
    wiredAccount({data, error}) {
        console.log('Execute logic each time a new value is provisioned');
        if (data) {
            this.data = data;
            this.error = undefined;
        } else if (error) {
            this.error = error;
            this.data = undefined;
        }
    }
    get name() {
        return getFieldValue(this.data, ACCOUNT_NAME_FIELD);
    }
}

Code-Highlights:

Zeilen 8–9: Anstatt einer Eigenschaft versehen wir nun die Funktion wiredAccount mit dem Decorator. In Form eines Parameters empfängt die Funktion ein Objekt mit zwei Attributen: data und error. Wir verwenden die ES6-Destrukturierung für Objekte, um die Objektattribute zu entpacken.
Zeilen 11–17: Da LDS-Wire-Adapter keine Einzelwerte, sondern einen Wertestrom bereitstellen, kann die Funktion wiredAccount mehrmals aufgerufen werden. Eine mit @wire verbundene Funktion muss daher von ihr beeinflusste Zustände neu festlegen. In den Zeilen 11-17 legen wir deshalb fest, dass wenn der Wire-Adapter neue Daten bereitstellt, die Daten in der Eigenschaft data gespeichert werden und die Eigenschaft error auf "undefined" festgelegt wird. Sollte ein Fehler aufgetreten sein, wird alternativ der Fehler in der Eigenschaft error gespeichert und die Eigenschaft data auf "undefined" eingestellt.

In diesem Beispiel können wir auf die Eigenschaft name genauso wie im vorherigen Beispiel zugreifen.

Ändern von Daten mit LDS-Funktionen

LDS-Wire-Adapter eignen sich zum Lesen von Daten, doch zum Erstellen, Aktualisieren oder Löschen von Datensätzen benötigen Sie eine LDS-Funktion. Hier ist zu beachten, dass Wire-Adapter von der Engine von Lightning-Webkomponenten aufgerufen werden, der Aufruf von Funktionen dagegen imperativ erfolgt. LDS-Funktionen benachrichtigen den LDS-Cache, wenn Datensätze erstellt, aktualisiert oder gelöscht werden. Sehen wir uns das folgende Beispiel an, in dem die LDS-Funktion createRecord zum Erstellen eines Accountdatensatzes verwendet wird.

ldsCreateRecord.js

import { LightningElement} from 'lwc';
import { createRecord } from 'lightning/uiRecordApi';
import ACCOUNT_OBJECT from '@salesforce/schema/Account';
import ACCOUNT_NAME_FIELD from '@salesforce/schema/Account.Name';
export default class LdsCreateRecord extends LightningElement {
    handleButtonClick() {
        const recordInput = {
            apiName: ACCOUNT_OBJECT.objectApiName,
            fields: {
                [ACCOUNT_NAME_FIELD.fieldApiName] : 'ACME'
            }
        };
        createRecord(recordInput)
            .then(account => {
                // code to execute if create operation is successful
            })
            .catch(error => {
                // code to execute if create operation is not successful
            });
    }
}

Code-Highlights:

Zeile 2: Wir importieren die LDS-Funktion createRecord.
Zeilen 3–4: Wir importieren das Objekt Account und das Feld Account.Name (wie bereits in den vorherigen Beispielen), um die referenzielle Integrität sicherzustellen.
Zeile 6: Wir definieren die Methode handleButtonClick als Ereignishandler. Der Ereignishandler reagiert auf das Ereignis, das eintritt, wenn ein Benutzer auf eine Lightning-Schaltfläche (lightning-button) in der HTML-Datei klickt (nicht zu sehen). Beim Aufruf von handleButtonClick ruft die Methode die Funktion createRecord imperativ auf.
Zeile 10: Unser Ereignishandler übergibt eine Zeichenfolge für das Feld Account.Name, das der Adapter zum Erstellen eines neuen Accounts benötigt.
Zeile 13: Wenn wir eine LDS-Funktion imperativ aufrufen, gibt sie ein Versprechen zurück (ein JavaScript-Objekt, das die Durchführung asynchroner Aufrufe vereinfacht).
Zeilen 14–16: In der then-Methode definieren wir, was passiert, wenn der Account erfolgreich erstellt wurde.
Zeilen 17–19: In der catch-Methode wird definiert, was passiert, wenn die Account-Erstellung fehlschlägt.

Hinweis: Bei LDS-Funktionen können Sie nur mit Einzeldatensätzen arbeiten. Sie können zwar mehrere Funktionen in derselben Komponente verwenden (um beispielsweise zwei verschiedene Arten von Datensätzen im gleichen Vorgang zu erstellen), doch jede Funktion wird in ihrer eigenen, unabhängigen Transaktion ausgeführt. Es gibt daher keine gemeinsame Rollback-Logik. Wenn Sie einen kombinierten, transaktionalen DML-Vorgang benötigen, sollten Sie eher Apex verwenden.

Weitere Informationen über LDS-Wire-Adapter und ihre Verwendung finden Sie im Entwicklerhandbuch für Lightning-Webkomponenten und dem Salesforce-Blog für Entwickler.

Bereitstellen einer Lightning-Webkomponente, die Accounts erstellt

Wir haben uns jetzt verschiedene Möglichkeiten für die Verwendung von Lightning Data Service angesehen und möchten nun ein konkretes Beispiel durchgehen.

Bevor Sie loslegen

Wir gehen davon aus, dass Sie ihre Salesforce DX-Entwicklungsumgebung eingerichtet haben und wissen, wie Sie damit Lightning-Webkomponenten erstellen und diese in einer Organisation bereitstellen. Wenn Sie nicht damit vertraut sind, arbeiten Sie am besten das Projekt Schnelleinstieg: Lightning-Webkomponenten durch.

Erstellen eines neuen Trailhead Playgrounds

Für dieses Projekt müssen Sie einen neuen Trailhead Playground erstellen. Blättern Sie dazu einfach ans Ende dieser Seite, klicken Sie auf den Abwärtspfeil neben "Launch (Starten)" und wählen Sie dann Create a Trailhead Playground (Einen Trailhead Playground erstellen) aus. Die Erstellung eines neuen Trailhead Playgrounds dauert meist drei bis vier Minuten.

Hinweis: Ja, Sie brauchen wirklich einen brandneuen Trailhead Playground! Wenn Sie eine vorhandene Organisation oder einen bestehenden Playground verwenden, kann dies zu Problemen beim Abschluss der Aufgaben führen.

Ermitteln von Benutzername und Kennwort für Ihren Trailhead Playground

Wechseln Sie zu Ihrem Trailhead Playground. (Wenn er noch nicht geöffnet ist, blättern Sie zunächst auf dieser Seite nach unten und klicken auf Starten.) Wenn Sie in Ihrer Organisation eine Registerkarte mit der Bezeichnung "Anmeldeinformationen abrufen" sehen, großartig! Fahren Sie dann gleich mit Schritt 1 fort.

Falls nicht, suchen und öffnen Sie im App Launcher () die App Playground Starter und befolgen die Anweisungen. Wenn Sie die Anwendung "Playground Starter" nicht sehen, lesen Sie in der Salesforce-Hilfe den Artikel Festlegen von Benutzername und Kennwort für Ihren Trailhead Playground.

Klicken Sie auf die Registerkarte Get Your Login Credentials (Anmeldeinformationen abrufen) und notieren Sie Ihren Benutzernamen.
Klicken Sie auf Mein Kennwort zurücksetzen. Dadurch wird eine E-Mail an die E-Mail-Adresse gesendet, die Ihrem Benutzernamen zugeordnet ist.
Klicken Sie auf den Link in der E-Mail.
Geben Sie ein neues Kennwort ein, bestätigen Sie es und klicken Sie auf Kennwort ändern.

Bereit für den Praxistest? Dann legen wir los.

Bei dieser Übung fügen Sie eine Lightning-Webkomponente zu Ihrem Projekt hinzu und stellen es dann in Ihrem Trailhead Playground bereit.

Erstellen Sie ein neues Projekt:

Öffnen Sie Visual Studio Code.
Öffnen Sie die Befehlspalette: Klicken Sie auf View | Command Palette.
Wählen Sie in der Befehlspalette SFDX: Create Project aus.
Falls dies in der Liste nicht angezeigt wird, geben Sie SFDX:Create Project (Projekt erstellen) ein und drücken die Eingabetaste.
Akzeptieren Sie die Standardvorlage.
Geben Sie als Projektname workingWithDataInLWC ein und drücken Sie die Eingabetaste.
Wählen Sie einen Speicherort für das neue Projekt aus und klicken Sie auf Create Project (Projekt erstellen).

Autorisieren Sie Ihren Trailhead Playground:

Wählen Sie in der Befehlspalette SFDX: Authorize an Org aus bzw. geben Sie es ein.
Wählen Sie Production (Produktion): login.salesforce.com aus und drücken Sie die Eingabetaste.
Geben Sie als Alias lwc_and_salesforce_data ein und drücken Sie die Eingabetaste.
Melden Sie sich mit dem Benutzernamen und Kennwort für Ihren Trailhead Playground an.
Wenn Sie sich bei Ihrem Trailhead Playground angemeldet haben, lassen Sie ihn geöffnet und kehren zu Visual Studio Code zurück.

Erstellen Sie eine Lightning-Webkomponente:

Klicken Sie im Fensterbereich "Explorer" mit der rechten Maustaste auf den Ordner lwc und wählen Sie SFDX: Create Lightning Web Component aus.
Geben Sie als Komponentenname accountCreator ein und drücken Sie die Eingabetaste.
Drücken Sie erneut die Eingabetaste, um das Standardverzeichnis zu übernehmen.

Ersetzen Sie den Inhalt Ihrer Dateien namens "accountCreator.html" und "accountCreator.js" durch den Code aus dem Abschnitt Lesen oder Ändern von Daten mit Basiskomponenten vom Typ "Record Form" weiter vorne in dieser Einheit.

Damit diese Komponente auf Anwendungsseiten in einer Organisation verfügbar ist, ersetzen Sie den Inhalt Ihrer Datei "accountCreator.js-meta.xml" durch folgenden Code:

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>48.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__AppPage</target>
    </targets>
</LightningComponentBundle>

Speichern Sie die drei Dateien: accountCreator.html, accountCreator.js und accountCreator.js-meta.xml.
Stellen Sie die Projektdateien in Ihrem Trailhead Playground bereit. Klicken Sie mit der rechten Maustaste auf das Verzeichnis accountCreator und wählen Sie SFDX: Deploy Source to Org aus.
Falls der Trailhead Playground noch nicht geöffnet ist, öffnen Sie ihn. (Wählen Sie in der Befehlspalette SFDX: Open Default Org aus bzw. geben Sie es ein).
Klicken Sie in Ihrem Trailhead Playground auf und wählen Sie Setup aus.
Geben Sie im Feld "Schnellsuche" den Text Lightning-Anwendungsgenerator ein und wählen Sie Lightning-Anwendungsgenerator aus.
Erstellen Sie eine Lightning-Seite:

Klicken Sie auf Neu.
Wählen Sie Anwendungsseite aus und klicken Sie auf Weiter.
Geben Sie als Bezeichnung Working with Data ein und klicken Sie auf Weiter.
Wählen Sie als Layout Kopfzeile u. linke Randl. aus.
Klicken Sie auf Fertig.

Ziehen Sie die Komponente accountCreator in die Randleiste der Seite.
Speichern Sie die Seite.
Aktivieren Sie die Seite: Behalten Sie den standardmäßigen Anwendungsnamen (Working with Data) bei und klicken Sie auf Speichern.
Wenn Sie aufgefordert werden, die Seite zum Navigationsmenü hinzufügen, klicken Sie auf Fertigstellen.
Öffnen Sie die neue Seite: Geben Sie in das Suchfenster von App Launcher work ein und wählen Sie Working with Data aus.

Das ist auch schon alles. Sie verfügen nun über eine Lightning-Webkomponente, die lightning-record-form zum Erstellen von Accountdatensätzen auf der Seite "Working with Data" verwendet. Die Verwendung von Lightning Data Service ist eine Methode, um in Lightning-Webkomponenten mit Salesforce-Daten zu arbeiten. In der nächsten Lektion befassen wir uns damit, wie Sie Apex für die Arbeit mit Daten verwenden.

Benötigen Sie Hilfe?

Mehr entdecken

Verwenden von Lightning Data Service für die Arbeit mit Daten

Lernziele

Hinweis

Verwenden von Daten in Lightning-Webkomponenten

Verwenden von Daten mit Lightning Data Service

Lesen oder Ändern von Daten mit Basiskomponenten vom Typ "Record Form"

Lesen von Daten mit LDS-Wire-Adaptern

Ändern von Daten mit LDS-Funktionen

Bereitstellen einer Lightning-Webkomponente, die Accounts erstellt

Ressourcen