IONIC Section 7 - 7.5 Création de nos pages d'application

Bonjour à tous, en ce qui concerne ce projet, je vais donc continuer avec le précédent concernant les recettes. Mais vous pouvez bien sûr en créer un nouveau avec la commande que vous connaissez « ionic start ». Si vous souhaitez me suivre, on va commencer par se débarrasser de notre dossier « recipes » qui n’est plus d’aucune utilité. Et puis nous allons générer de nouvelles pages et bien sûr nous devons ajuster le routage au fur et à mesure. Commençons donc par générer nos pages que nous pouvons faire avec la commande « ionic generate page», et on va mettre « auth»bien évidemment, nous avons besoin de beaucoup de pages, celle-ci sera la page que nous verrons lorsque nous démarrons l’application. On peut donc run cette commande, ce qui nous donne notre nouveau dossier « auth » et ajoutera celui de root au fichier « app-routing.module.ts ». En parlant de cela, on peut supprimer tout ce routage de recettes ici. A noter que, selon la version d’Ionic que vous utilisez, ce qui a été généré dans le fichier de routage pourrait ressembler à cela. Nous voyons que la syntaxe de « loadChildren » a un peu changé. Au lieu d’avoir une longue chaine ici, vous avez maintenant cette fonction, qui dans son corps, appelle la fonction d’importation puis pointe vers le module afin d’être importé en classe comme ceci. Vous pouvez donc conserver cette syntaxe que je vous recommande de conserver. Nous allons saisir « ionic generate page places » qui sera la zone où nous pouvons voir tous les endroits que nous pouvons réserver ainsi que proposer de nouveaux endroits et donc ce qu’on souhaite avoir ici est certainement une page d’endroits qui tiendra plus tard dans notre arborescence. Donc on reprend la même commande en ajoutant le sous dossier « /discover » autrement dit, c’est la page qui permet de rechercher ou de trouver de nouvelles pages. Suite à cela, nous pouvons générer une autre page avec « /offers » dans laquelle les utilisateurs peuvent proposer des lieux. Comme je l’ai indiqué, nous devons être en mesure de créer une nouvelle offre afin qu’un autre sous-dossier ici dans la zone places/offers/new-offer qui sera la page restituant les nouvelles offres comme dans un tableau de bord qui sera maintenant générée à l’intérieur du dossier « offers » dans lequel on retrouve bien le sous-dossier « new-offer » et c’est essentiellement à cet endroit que nous serons en mesure d’entrer les données pour un nouvel endroit que nous pouvons offrir. Nous pouvons également modifier nos offres, on va donc ajouter une page en entrant « ionic generate page places/offers/edit-offer ». Nous avons donc fini avec les offres pour l’instant, mais dans « places », nous avons bien notre sous-dossier « discover » et l’idéal serait de générer une page où nous pouvons voir tous les endroits que nous pouvons réserver avec « ionic generate page places/discover/place-detail ». Avec l’ensemble de nos pages, nous sommes en mesure de trouver des lieux, ce qu’il nous manque, c’est la partie réservation. A la fois les réservations pour les places que nous avons proposées ainsi que nos propres réservations maintenant pour les places que nous avons proposées. On va donc saisir « ionic generate page places/offers/offer-bookings », les réservations d’offre seront donc une page à partir de laquelle nous pouvons accéder à notre page d’offres mais nous avons aussi les réservations que nous avons fait nous-mêmes et qui seront désormais apparentées à des lieux car elles ne sont pas imbriquées à cet endroit, c’est pourquoi nous allons générer une page « bookings ». Et voilà, nous avons généré l’ensemble des pages nécessaire à notre application, vous pouvez vous appuyez des vidéos explicatives précédentes, vous détaillant l’utilité de chaque page pour bien comprendre l’architecture de cette application. Quant à nous, on se retrouve dans la prochaine vidéo pour configurer notre routing.