HarmonyOS Fengmi Mall Hongmeng Anwendungsentwicklungskurs Einführung

Fenmi Mall – Einführung in die Entwicklung mobiler Terminals

Systemübersicht – Systempositionierung

Systemübersicht – Einführung in die Systemarchitektur

Systemübersicht-Entwicklungsgeschichte

Systemübersicht – Unterschiede zu Android

Systemübersicht – Technische Eigenschaften und Systemsicherheit

Erste Vorbereitung zur Anwendungsentwicklung

Erster Antrag – Projekt erstellen

Die erste Anwendungsverzeichnisstruktur von Hongmeng

Erste Anwendung: Führen Sie das Projekt aus

Erste Beschreibung der application-configjson-Datei

Erste Anwendung – Startvorgang der Anwendung

Einführung in die Fähigkeit

PageAbility-Create

PageAbility-Lebenszyklus

Zwei Rendering-Methoden von PageAbility-Slice

Abhören von Komponentenereignissen

Navigation zwischen PageAbility-Slices

Wertübertragung zwischen PageAbility-Slice

PageAbility-Navigation zwischen Seiten

ServiceAbility-Übersicht

ServiceAbility-Fallvorbereitung

ServiceAbility-Erstellungs- und Lebenszyklusmethoden

ServiceAbility-Start

ServiceAbility-Connect

ServiceAbility getrennt

ServiceAbility-Stop

Zusammenfassung des ServiceAbility-Lebenszyklus

ServiceAbility-Rezeption

DataAbility-Übersicht

DataAbilityCreation

DataAbility-Datenbankzugriffsimplementierung – initialisierende Datenbankverbindung

Implementierung des DataAbility-Datenbankzugriffs – Umschreiben der DataAbility-Betriebsmethode (Teil 1)

Implementierung des DataAbility-Datenbankzugriffs – Umschreiben der DataAbility-Betriebsmethode (Teil 2)

DataAbility-Access DataAbility-Vorbereitung

Greifen Sie auf die DataAbility-Add-Aktion zu

Greifen Sie auf DataAbility-Abfrageoperationen zu

Einführung in das UI-Framework

Einführung in UI-Komponenten

Verständnis von Textbestandteilen

UI-TEXT-Größeneinheit

UI-Text-Construct allgemeine XML-Attribute

UI-Text-Komponente

UI=Button-Komponente

TextField-Komponente

UI-Image-Komponente

UI-TabList- und Tab-Komponenten

UI-TabList-Ereignis-Listening-Seitenrahmen

UI-Picker-Komponente

UI-DatePicker und TimePicker

UI-Switch-Komponente

RadioContainer und RadioButton

UI-Checkbox-Komponente

UI-ProgressBar

UI-Slider-Komponente

UI-ToastDialog-Komponente

UI-ScrollView-Komponente

UI-ListContainer-Komponente-01

UI-ListConrainer Komponente-02

UI-PageSlider-Komponente

Implementierung des UI-PageSlider-Karusselldiagramms

UI-PageSlider-Seitenwechsel-Ereignisüberwachung

UI-T abList- und PageSlider-Umschaltverknüpfung

UI-PageSliderIndicator-Komponente

Einführung in UI-Layout-Komponenten

UI-DirectionalLayout

UI-abhängigesLayout

UI-StackLayout

UI-PositionLayout

UI-TableLayout

UI-TableLayout implementiert Produktliste-01

UI-TableLayout implementiert Produktliste-02

Einführung in die Entwicklung anderer Module

Mall-APP-Bedarfsanalyse

Geschäftsprozessanalyse (Homepage, Klassifizierung)

Geschäftsprozessanalyse (Warenkorb, meiner)

UI-Design – Homepage-Tab-Menü (Projekt erstellen, TabList initialisieren)

UI-Design-Homepage-Tab-Menü (TabSlider initialisieren)

UI-Design – Homepage-Tab-Menü (TabList- und PageSlider-Verknüpfung)

UI-Design-Homepage-UI-Design (Suchfeld-Karussellbereich-Systemfunktionsmenü)

UI-Design der Startseite (empfohlene Produktlisten-Scroll-Ansicht)

Produktliste springt zu Produktdetails

UI-Design der Produktdetailseite

Das Home-Suchfeld erhält den Fokus und navigiert zur Suchseite

Produktsuchseite

Kategorie-UI-Design

Klicken Sie auf das Kategoriesuchfeld, um zur Suchseite zu springen

Design der Einkaufswagenlistenseite

Benutzerzentriertes Interface-Design

Die Warenkorbliste springt zur Bestellabwicklungsseite

Gestaltung der Auftragsabwicklungsseite

Netzwerkmanagement-API-Schnittstellenzugriff – Einführung und Fallvorbereitung

Starten Sie einen neuen Thread in der Anwendung

Zugangsstufen

Paketklasse 01

Paketklasse 02

Fügen Sie Abhängigkeiten im Gradle-Projekt hinzu

API-Schnittstellenzugriffstest

Vollbildanzeige der UI-Design-Anwendung

Mall APP-Funktionsimplementierung – Benutzerauthentifizierungsprozess

Datenbankoperationen zur Benutzerauthentifizierung

Design der Benutzerauthentifizierungsseite

Implementierung des Benutzerauthentifizierungsprozesses 01

Implementierung des Benutzerauthentifizierungsprozesses 02

Homepage-Karussell – Schnittstellenzugriff

Laden von Bildern im Homepage-Karussell-Netzwerk

Zusammenfassung der Implementierung des Homepage-Karusselldiagramms

Produktempfehlung auf der Startseite – Zugriffsschnittstelle zum Abrufen von Daten

Produktliste anzeigen

Klicken Sie auf die Liste, um zur Detailseite zu springen

Zugriffsschnittstelle zum Abrufen von Daten

Produktbilder anzeigen

Produktpakete anzeigen

Paketverknüpfung

Zum Warenkorb hinzufügen – Produktmenge ändern

Design der Schaltflächen-Benutzeroberfläche

Daten übermitteln

Schnittstelle zur Anzeige und zum Zugriff auf klassifizierte Informationen

Rendering der Klassifizierung der ersten Ebene

Sekundäre Kategorien werden standardmäßig angezeigt

Laden Sie die dreistufige Klassifizierung

Klicken Sie auf die Klassifizierung der ersten Ebene, um die zweite und dritte Ebene zu verknüpfen

Produktsuche 1

Produktsuche 2

Klicken Sie auf das Suchergebnis, um zur Detailseite zu springen

Klicken Sie auf die Kategorie, um zur Suchseite zu springen

Fragen Sie Produkte basierend auf der Kategorie-ID ab

Suchliste anzeigen

Warenkorbliste anzeigen – Warenkorbinformationen abfragen

Warenkorbliste – Listendaten rendern

Ändern Sie die Ereignisüberwachung der Schaltfläche „Warenkorbmenge“.

Änderungspreisverknüpfung einreichen

Warenkorb auschecken – Geben Sie die ausgewählte Warenkorb-ID an die Checkout-Seite weiter

Holen Sie sich das Produkt und die Adresse auf der Checkout-Seite

Produktinformationen anzeigen

Adressinformationen anzeigen

Bestellung abschicken - Preis berechnen, Zahlungsart auswählen

Bestelldaten abrufen

Bestelldaten übermitteln

Benutzercenter – Benutzerinformationen anzeigen

Klicken Sie auf die Schaltfläche „Reihenfolge abfragen“.

UI-Design für Anzeigereihenfolge

Bestellliste anzeigen

Protokolldruck

Ende