Читать книгу Angular - Ferdinand Malcher - Страница 103

Für unsere Anwendung existieren bereits Skizzen, auf die wir zurückgreifen können. Zunächst widmen wir uns der Listenansicht. Hier werden nur die Basisdaten wie Titel, Untertitel und Coverbild dargestellt.

Abb. 5–3 Skizze der Listenansicht

Klicken wir auf einen Listeneintrag, gelangen wir zur Detailansicht. Hier erweitern wir die Ansicht um eine Beschreibung und eine Bildergalerie. Außerdem ist eine Bewertung in Sternen sichtbar.

Abb. 5–4 Skizze der Detailansicht

In einem Administrationsbereich können neue Bücher in die Liste eingefügt werden. Existierende Buchdatensätze können ergänzt, aktualisiert und korrigiert werden. Dafür stellen wir ein Formular zur Verfügung. Für die Coverbilder wollen wir auf extern gehostete Bilder zurückgreifen.

Abb. 5–5 Skizze des Eingabeformulars

Die Idee des Projekts ist nun bekannt, und wir können als Nächstes die Grundstruktur für die Angular-Anwendung anlegen.