CATALOGUE Code & Data Apprendre Ionic 5 Créer une Page dans un Projet Ionic

Créer une Page dans un Projet Ionic

Notre première page : Affichage de la liste des annonces
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ionic 5
Revoir le teaser Je m'abonne
Transcription

99,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

99,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à utiliser la commande Ionic Generate, créer une page, et organiser le contenu initial de celle-ci.

Cette leçon montre comment créer une page dans un projet Ionic à l'aide de la ligne de commande.

Dans cette leçon, nous allons explorer comment générer une nouvelle page dans un projet Ionic en utilisant la commande Ionic Generate. Nous commencerons par ouvrir un terminal et nous positionner à la racine de notre projet pour exécuter la commande. En choisissant le type d'élément à générer (dans notre cas, une page) et en spécifiant le chemin et le nom de la page, nous allons créer une nouvelle page intitulée List Annonce dans le dossier Page. Après l'exécution de cette commande, nous verrons que le dossier List Annonce a été ajouté à l'intérieur du dossier App, avec tous les fichiers nécessaires à une page Ionic. Nous observerons également que le fichier AppRoutingModule a été automatiquement modifié pour inclure une route vers notre nouvelle page.

Avant de poursuivre, nous supprimerons la route vers la page Home et supprimerons le dossier correspondant, faisant de notre page List Annonce la page d'accueil de l'application pour l'instant. Une fois cela fait, nous ajusterons le contenu HTML de la page en ajoutant deux annonces statiques pour démontrer la structure de base. Nous verrons comment le header (IonHeader) et le contenu (IonContent) sont utilisés pour organiser la page. Enfin, nous relancerons le serveur pour visualiser le résultat.

Voir plus
Questions réponses
Quel est le rôle de la commande Ionic Generate?
La commande Ionic Generate permet de créer différents éléments comme des pages, composants, ou services dans un projet Ionic.
Que doit-on faire après avoir généré une nouvelle page avec Ionic Generate?
Après avoir généré une nouvelle page, vérifiez que la nouvelle route a été ajoutée dans le fichier AppRoutingModule et ajustez le contenu HTML selon vos besoins.
Pourquoi est-il nécessaire de supprimer la route vers la page Home dans cette vidéo?
Il est nécessaire de supprimer la route vers la page Home car dans cette configuration, la page List Annonce devient la nouvelle page d'accueil de l'application.

Programme détaillé