Erstellen Sie eine Lightning-Komponente mit dem Lightning Web Component-Programmiermodell.<\/h3>\n\n\n\n
Lightning Web Component ist ein neues Programmiermodell, das f\u00fcr die Erstellung von Lightning-Komponenten verwendet wird. Diese Komponenten sind wiederverwendbare und benutzerdefinierte HTML-Komponenten, die mit HTML und modernem JavaScript erstellt werden. Lightning Web Component arbeitet mit dem urspr\u00fcnglichen Aura-Komponenten-Programmiermodell zusammen und bietet so eine au\u00dfergew\u00f6hnliche Leistung. Diese Komponenten sind in den Salesforce-Editionen Enterprise, Performance, Unlimited und Developer verf\u00fcgbar.<\/p>\n\n\n\n
Gehen Sie folgenderma\u00dfen vor, um eine Lightning-Komponente mithilfe des Lightning-Webkomponenten-Programmiermodells zu erstellen:<\/h4>\n\n\n\n
Schritt 1:<\/strong> Richten Sie zun\u00e4chst Ihre Salesforce DX-Umgebung ein und erstellen Sie ein Salesforce DX-Projekt. In unserem Blogbeitrag \u201eHow To Setup Salesforce DX Environment And Create A Scratch Org?<\/strong><\/a>\u201c erfahren Sie, wie Sie Ihre Salesforce DX-Umgebung einrichten und ein Projekt erstellen.<\/p>\n\n\n\n Schritt 2: <\/strong>F\u00fchren Sie dann den folgenden Befehl aus, um eine neue Blitzkomponente zu erstellen.<\/p>\n\n\n\n Schritt 3: <\/strong>Passen Sie anschlie\u00dfend den Inhalt der HTML- und JavaScript-Dateien an, falls erforderlich, und speichern Sie sie.<\/p>\n\n\n\n Schritt 4: <\/strong>Um die Komponente zu verteilen, klicken Sie mit der rechten Maustaste auf den Ordner \u201elwc<\/strong>\u201c und w\u00e4hlen Sie dann im Dialogfeld die Option \u201eSFDX: Deploy Source to Org\u201c.<\/strong><\/p>\n\n\n\n Schritt 5: <\/strong>Anschlie\u00dfend k\u00f6nnen Sie das Ergebnis der Bereitstellung auf der Registerkarte \u201eAusgabe<\/strong>\u201c des Terminals sehen.<\/p>\n\n\n\n Aura-Komponenten sind die unabh\u00e4ngigen und wiederverwendbaren Elemente einer Anwendung. Sie stellen einen wiederverwendbaren Teil der Benutzeroberfl\u00e4che (UI) dar. Das Aura-Komponentenmodell bietet eine Reihe von vorgefertigten Komponenten, die auch als Basis-Blitzkomponenten bezeichnet werden. Die Komponenten k\u00f6nnen HTML, CSS, JavaScript und andere webf\u00e4hige Codes enthalten.<\/p>\n\n\n\n Schritt 1:<\/strong> Melden Sie sich zun\u00e4chst bei Ihrem Salesforce-Konto an.<\/p>\n\n\n\n Schritt 2: <\/strong>Klicken Sie in der oberen rechten Ecke der Seite auf das Zahnradsymbol und w\u00e4hlen Sie aus dem Dropdown-Men\u00fc die \u201eDeveloper Console<\/strong>\u201c aus. Dadurch wird die Entwicklerkonsole<\/strong> in einem neuen Fenster ge\u00f6ffnet.<\/p>\n\n\n\n Schritt 3: <\/strong>Klicken Sie nun in der Navigationsleiste auf das Men\u00fc \u201eDatei<\/strong>\u201c und w\u00e4hlen Sie \u201eNeu<\/strong>\u201c. W\u00e4hlen Sie dann \u201eLightning Component<\/strong>\u201c aus dem Dropdown-Men\u00fc.<\/p>\n\n\n\n Schritt 4: <\/strong>Geben Sie einen Namen f\u00fcr Ihre Blitzkomponente ein und konfigurieren Sie die Komponente. Die Konfiguration der Komponente ist optional.<\/p>\n\n\n\n Schritt 5: <\/strong>Klicken Sie dann auf die Schaltfl\u00e4che \u201eSenden<\/strong>\u201c, um die Lightning-Komponente zu erstellen. Es wird eine neue Lightning-Komponentendatei mit der Erweiterung .cmp<\/strong> erstellt.<\/p>\n\n\n\n In der Komponentendatei gibt es einige Standardcodes f\u00fcr die Komponente. Sie k\u00f6nnen diesen Code durch Ihren eigenen Code ersetzen. Wenn Sie mit dem Schreiben Ihrer Komponente fertig sind, speichern Sie die Dateien. Jetzt k\u00f6nnen Sie die Lightning-Komponente in einer Lightning-Seite oder -Anwendung verwenden, indem Sie sie ziehen und ablegen.<\/p>\n\n\n\n Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/strong><\/a> an, wenn Sie Unterst\u00fctzung in Bezug auf Salesforce ben\u00f6tigen. Sie k\u00f6nnen auch die S<\/strong><\/a>alesforce-Entwicklungsseite<\/strong><\/strong><\/a> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" Lightning components are reusable components that are created using the combination of HTML, JavaScript, CSS and are designed for being used in the Lightning Experience and Salesforce mobile apps. Because of its reusability, we can use the same lightning component multiple times and in multiple places<\/p>\n","protected":false},"author":89,"featured_media":12309,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[128],"tags":[],"class_list":["post-12190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-salesforce"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=12190"}],"version-history":[{"count":15,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12190\/revisions"}],"predecessor-version":[{"id":17108,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12190\/revisions\/17108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/12309"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=12190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=12190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=12190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}sfdx force:lightning:component:create --type lwc -n <component-name> -d force-app\/main\/default\/lwc<\/code><\/pre>\n\n\n\n![\"Lightning](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/deploy-980x517.png\")
<\/figure>\n\n\n\nErstellen Sie eine Lightning-Komponente mit dem Aura Component-Programmiermodell.<\/h3>\n\n\n\n
Gehen Sie folgenderma\u00dfen vor, um eine Lightning-Komponente mit dem Lightning-Aura-Programmiermodell zu erstellen:<\/h4>\n\n\n\n
![\"Lightning](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/setup-developer-console-980x471.png\")
<\/figure>\n\n\n\n![\"Lightning](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Developer-Console-980x485.png\")
<\/figure>\n\n\n\n