Introduction au cours de développement d'applications HarmonyOS Fenmi Mall Hongmeng

Fenmi Mall-Introduction au développement de terminaux mobiles

Présentation du système - Positionnement du système

Présentation du système-Introduction à l'architecture du système

Présentation du système - Historique de développement

Présentation du système – Différences par rapport à Android

Présentation du système - Caractéristiques techniques et sécurité du système

Première préparation au développement d'applications

Première candidature - créer un projet

La première structure de répertoire d'application application-Hongmeng

Première application - exécuter le projet

Première description du fichier application-configjson

Première application - processus de démarrage de l'application

Introduction à la capacité

PageAbility-Créer

PageAbility-Cycle de vie

Deux méthodes de rendu de PageAbility-Slice

Écoute des événements de composants

Navigation entre les tranches PageAbility

Transfert de valeur entre PageAbility-slice

PageAbility-Navigation entre les pages

Présentation de ServiceAbility

ServiceAbility-Préparation de cas

Méthodes de création et de cycle de vie de ServiceAbility

ServiceAbility-Démarrer

ServiceAbility-Connect

ServiceAbility déconnecté

ServiceAbility-Stop

Résumé du cycle de vie de ServiceAbility

ServiceAbility-réception

Présentation de DataAbility

DataAbilityCréation

Accès à la base de données DataAbility, implémentation-initialisation de la connexion à la base de données

Implémentation de l'accès à la base de données DataAbility - réécriture de la méthode d'opération DataAbility (Partie 1)

Implémentation de l'accès à la base de données DataAbility - réécriture de la méthode d'opération DataAbility (Partie 2)

DataAbility-Accès DataAbility-Préparation

Accéder à DataAbility-Ajouter une action

Accéder aux opérations de requête DataAbility

Introduction au cadre d'interface utilisateur

Introduction aux composants de l'interface utilisateur

Compréhension des composants de texte

Unité de taille UI-TEXT

Attributs XML communs UI-Text-Construct

Composant UI-Texte

UI=Composant bouton

Composant TextField

Composant UI-Image

Composants UI-TabList et Tab

Cadre de page d'écoute d'événement UI-TabList

Composant UI-Picker

UI-DatePicker et TimePicker

Composant UI-Switch

RadioContainer et RadioButton

Composant UI-Checkbox

Barre de progression de l'interface utilisateur

Composant UI-Slider

Composant UI-ToastDialog

Composant UI-ScrollView

Composant UI-ListContainer-01

Composant UI-ListConrainer-02

Composant UI-PageSlider

Implémentation du graphique carrousel UI-PageSlider

Écoute des événements de changement de page UI-PageSlider

Liaison de commutation UI-T abList et PageSlider

Composant UI-PageSliderIndicator

Introduction aux composants de mise en page de l'interface utilisateur

Disposition directionnelle de l'interface utilisateur

Disposition dépendante de l'interface utilisateur

UI-StackLayout

UI-PositionLayout

UI-TableLayout

UI-TableLayout implémente la liste de produits-01

UI-TableLayout implémente la liste de produits-02

Introduction au développement d'autres modules

Analyse de la demande d'applications du centre commercial

Analyse des processus métiers (page d'accueil, classification)

Analyse des processus métiers (panier, le mien)

Menu de l'onglet Conception de l'interface utilisateur - Page d'accueil (créer un projet, initialiser TabList)

Menu de l'onglet Accueil de conception de l'interface utilisateur (initialisation de TabSlider)

Menu de l'onglet Conception de l'interface utilisateur - Page d'accueil (lien TabList et PageSlider)

Conception de l'interface utilisateur - Conception de l'interface utilisateur de la page d'accueil (champ de recherche, zone de carrousel et menu des fonctions du système)

Conception de l'interface utilisateur de la page d'accueil (vue déroulante de la liste des produits recommandés)

La liste des produits passe aux détails du produit

Conception de l'interface utilisateur de la page de détails du produit

Le champ de recherche d’accueil obtient le focus et accède à la page de recherche

Page de recherche de produits

Conception de l'interface utilisateur de catégorie

Cliquez sur la zone de recherche de catégorie pour accéder à la page de recherche

Conception de la page de liste de panier d'achat

Conception d'interface centrée sur l'utilisateur

La liste du panier passe à la page de règlement des commandes

Conception de la page de règlement des commandes

Gestion du réseau-Accès à l'interface API-Introduction et préparation du cas

Démarrer un nouveau fil de discussion dans l'application

Étapes d'accès

Classe de colis 01

Classe de colis 02

Ajouter des dépendances dans le projet Gradle

Test d'accès à l'interface API

Affichage plein écran de l'application de conception d'interface utilisateur

Processus d'authentification de l'utilisateur et de la mise en œuvre de la fonction APP du centre commercial

Opérations de base de données d'authentification des utilisateurs

Conception de la page d'authentification des utilisateurs

Implémentation du processus d'authentification des utilisateurs 01

Mise en œuvre du processus d'authentification des utilisateurs 02

Carrousel de la page d'accueil - accès à l'interface

Chargement de l'image du réseau du carrousel de la page d'accueil

Résumé de la mise en œuvre du graphique carrousel de la page d'accueil

Page d'accueil recommandation produit-Interface d'accès pour obtenir des données

Afficher la liste des produits

Cliquez sur la liste pour accéder à la page de détails

Interface d’accès pour obtenir des données

Afficher les images du produit

Afficher les packages de produits

Lien de paquet

Ajouter au panier-modifier la quantité de produit

Conception de l'interface utilisateur des boutons

soumettre des données

Interface d'accès à l'affichage d'informations classifiées

Rendu de la classification de premier niveau

Les catégories secondaires sont affichées par défaut

Charger la classification à trois niveaux

Cliquez sur le classement du premier niveau pour relier les deuxième et troisième niveaux

Recherche de produits 1

Recherche de produits 2

Cliquez sur le résultat de la recherche pour accéder à la page de détails

Cliquez sur la catégorie pour accéder à la page de recherche

Rechercher des produits en fonction de l'ID de catégorie

Afficher la liste de recherche

Affichage de la liste du panier d'achat - requête d'informations sur le panier d'achat

Liste du panier d'achat - rendu des données de la liste

Modifier la quantité du panier-bouton d'écoute d'événement

Soumettre le lien modification-prix

Paiement du panier - Transmettez l'ID du panier sélectionné à la page de paiement

Obtenez le produit et l'adresse sur la page de paiement

Afficher les informations sur le produit

Afficher les informations d'adresse

Soumettre la commande - calculer le prix, sélectionner le mode de paiement

Obtenir les données de la commande

Soumettre les données de la commande

Centre utilisateur - Afficher les informations utilisateur

Cliquez sur l'ordre de requête du bouton

Conception de l'interface utilisateur de l'ordre d'affichage

Afficher la liste des commandes

Impression du journal

fin