Einstieg in SAPUI5 (eBook)
486 Seiten
SAP Press (Verlag)
978-3-8362-8903-0 (ISBN)
Lernen Sie die UI-Technologie von SAP mit all ihren Funktionen kennen. Ob Anfängerin, Junior-Entwickler oder Dynpro-Profi - dieses praktische Einsteigerbuch vermittelt Ihnen, wie Sie Webanwendungen mit SAPUI5 entwickeln. Dank der Beispiele zu den neuen Entwicklungsumgebungen Visual Studio Code und SAP Business Application Studio sowie nützlicher Gestaltungstipps gelingt Ihnen der Einstieg in SAPUI5 mühelos.
Aus dem Inhalt:
- Erste Schritte in SAPUI5 und OpenUI5
- JavaScript, CSS3 und HTML5
- Entwicklungsumgebung einrichten
- Laufzeitumgebung
- Systemanbindung mit OData
- SAP Fiori Apps
- SAP Business Application Studio
- Visual Studio Code
Miroslav Antolovic ist bei der bsc solutions GmbH & Co. KG als SAP-Entwickler und -Trainer tätig. Er studierte an der Universität Heidelberg Pharmazie und arbeitete als Java- und Webentwickler. 1999 begann er als Anwendungsentwickler bei der SAP AG im Product Lifecycle Management, und 2004 wechselte er zur REALTECH AG, bei der er SAP-Add-on-Produkte entwickelte. Ab 2007 war er als Leiter der SAP-Entwicklung bei der SEEBURGER AG tätig, bis er schließlich 2010 zu bsc solutions wechselte. Sie können Miroslav Antolovic unter der folgenden E-Mail-Adresse kontaktieren: antolovic@bsc-solutions.com.
1 HTML5 und CSS3
In den ersten Kapiteln dieses Buches lernen Sie die Grundlagen der Webentwicklung kennen. Ich widme mich zunächst HTML, der grundlegenden Sprache der Webentwicklung.
Die Basissprache zum Erstellen von Webseiten ist die Hypertext Markup Language (HTML). In diesem Kapitel stelle ich Ihnen die grundlegende Syntax von HTML vor. HTML ist eine Formatierungssprache zur Strukturierung und semantischen Auszeichnung von Inhalten, z. B. von Texten, Bildern und Hyperlinks in Dokumenten. HTML in der fünften Generation (HTML5) bietet gegenüber HTML4 viele neue Funktionalitäten, wie z. B. die Integration von Video, Audio, lokalem Speicher und 3D-Grafiken.
In diesem Buch werden nur die wichtigsten Sprachelemente erläutert; eine vollständige Sprachreferenz finden Sie unter http://www.w3schools.com. Die Sprachspezifikation erfolgt durch das World Wide Web Consortium (W3C), auf dessen Website www.w3.org Sie sich über alle Aktivitäten des Consortiums informieren können. Die HTML-spezifischen Informationen finden Sie unter www.w3.org/html. Das W3C bietet darüber hinaus unter http://validator.w3.org einen Validator für Ihre HTML-Seiten an.
Checkliste
Was Sie für dieses Kapitel brauchen:
-
einen Texteditor, wie z. B. Notepad oder Notepad++
-
einen installierten Browser
Notepad++ können Sie unter http://notepad-plus-plus.org herunterladen. Wenn Sie diese Beispiele gleich in Visual Studio Code implementieren möchten, blättern Sie zu Kapitel 4, »Entwicklungsumgebung einrichten«, und folgen Sie den dortigen Installationsanweisungen.
Jeder Browser interpretiert eine HTML-Seite individuell, abhängig von der verwendeten Rendering Engine. Aus diesem Grund ist es hilfreich, Ihre erstellten Seiten in verschiedenen Browsern zu testen, wobei der Schwerpunkt immer auf dem in Ihrem Unternehmen eingesetzten Browser liegen sollte. Tabelle 1.1 zeigt die wichtigsten Browser.
|
Browser |
Rendering Engine |
Webseite |
|---|
|
Firefox |
Gecko |
|
Microsoft Edge |
Chromium (Blink) |
|
Chrome |
Chromium (Blink) |
|
Safari |
WebKit |
|
Opera |
Blink |
Tabelle 1.1 Browser und Rendering Engines
1.1 Einführung in HTML5
HTML ist keine Programmiersprache, sondern eine reine Auszeichnungssprache. Mithilfe von HTML strukturieren und formatieren Sie die anzuzeigende Webseite inhaltlich. Der Inhalt eines HTML-Dokuments besteht aus HTML-Elementen; diese werden durch sogenannte Tags markiert. Der Notation eines Anfangs-Tags dienen spitze Klammern (<>), und ein End-Tag wird mit einem zusätzlichen Schrägstrich (</>) notiert. Abgesehen von wenigen Ausnahmen besteht ein vollständiger Beschreibungssatz in HTML immer aus einem Anfangs- und einem End-Tag.
Innerhalb dieser beiden Tags befindet sich der Gültigkeitsbereich für den eigentlichen Inhalt des HTML-Elements, beispielsweise:
Das einleitende Tag <p> signalisiert dem Browser, dass ein Abschnitt (p steht für Paragraph) folgt und der Gültigkeitsbereich bis zum abschließenden Tag </p> reicht. Der Text innerhalb der Tags wird vom Browser als Text in der Formatierung Abschnitt angezeigt.
1.1.1 Grundgerüst eines HTML-Dokuments
Ein HTML-Dokument besteht grundsätzlich aus folgenden Teilen:
-
Dokumenttypdeklaration
-
Kopfbereich
-
Dokumentkörper
Listing 1.1 zeigt diese Teile. Sie können das Beispiel wie alle anderen Listings in diesem Buch auch im Download-Bereich dieses Buches unter www.sap-press.de/5501 herunterladen (im Bereich Materialien). Der Dateiname innerhalb des Download-Ordners ist daher in den Listingunterschriften jeweils in Klammern angegeben.
<html>
<head>
<meta charset="UTF-8">
<title>Erste Seite</title>
</head>
<body>
<!-- Seiteninhalt -->
</body>
</html>
Listing 1.1 Aufbau eines HTML-Dokuments (Seitenrumpf.html)
Die erste Zeile in diesem Beispiel ist die Dokumenttypdeklaration nach dem HTML5-Standard. Jede HTML-Seite wird vom eigentlichen HTML-Tag umschlossen:
Im Kopfbereich <head> </head> werden z. B. suchmaschinenrelevante Metainformationen, der Seitentitel sowie Verweise auf JavaScript oder CSS-Dateien (Cascading Style Sheets, siehe Abschnitt 1.2, »Einführung in CSS«) deklariert.
Zeichencodierung
In diesem Beispiel wird die Zeichencodierung UTF-8 (<meta charset="UTF-8">) verwendet. Wenn Sie diese Zeile weglassen, stellt der Browser deutsche Sonderzeichen (z. B. Umlaute) nicht korrekt dar. Wenn Sie die Zeichencodierung nicht setzen, müssen Sie die Sonderzeichen in HTML-Notation schreiben (z. B. Ü für »Ü«):
| Erscheint lt. Verlag | 4.8.2022 |
|---|---|
| Sprache | deutsch |
| Themenwelt | Mathematik / Informatik ► Informatik ► Programmiersprachen / -werkzeuge |
| Mathematik / Informatik ► Informatik ► Web / Internet | |
| ISBN-10 | 3-8362-8903-2 / 3836289032 |
| ISBN-13 | 978-3-8362-8903-0 / 9783836289030 |
| Haben Sie eine Frage zum Produkt? |
EPUB (Wasserzeichen)Größe: 13,4 MB
DRM: Digitales Wasserzeichen
Dieses eBook enthält ein digitales Wasserzeichen und ist damit für Sie personalisiert. Bei einer missbräuchlichen Weitergabe des eBooks an Dritte ist eine Rückverfolgung an die Quelle möglich.
Dateiformat: EPUB (Electronic Publication)
EPUB ist ein offener Standard für eBooks und eignet sich besonders zur Darstellung von Belletristik und Sachbüchern. Der Fließtext wird dynamisch an die Display- und Schriftgröße angepasst. Auch für mobile Lesegeräte ist EPUB daher gut geeignet.
Systemvoraussetzungen:
PC/Mac: Mit einem PC oder Mac können Sie dieses eBook lesen. Sie benötigen dafür die kostenlose Software Adobe Digital Editions.
eReader: Dieses eBook kann mit (fast) allen eBook-Readern gelesen werden. Mit dem amazon-Kindle ist es aber nicht kompatibel.
Smartphone/Tablet: Egal ob Apple oder Android, dieses eBook können Sie lesen. Sie benötigen dafür eine kostenlose App.
Geräteliste und zusätzliche Hinweise
Buying eBooks from abroad
For tax law reasons we can sell eBooks just within Germany and Switzerland. Regrettably we cannot fulfill eBook-orders from other countries.
aus dem Bereich
