Partie 1 : Démarrer un projet sur de bonnes bases
Partie 2 : Construire un espace membre sécurisé avec JWT
Partie 3 : Implémenter des fonctionnalités métiers
Partie 4 : Bonus

5. Ajouter les modèles

Nous devons encore intégrer une dernière chose, c’est la façon dont nous allons modéliser les entités métiers de notre application. En effet, nous allons passer notre temps à manipuler des utilisateurs, des journées de travail et des tâches. Autant modéliser ces objets tout de suite, cela nous servira de base pour la suite :

  • On disposera d’une représentation commune de nos entités dans l’ensemble du projet.
  • On pourra appliquer un typage fort dans notre application : “Je veux que telle fonction retourne une Tâche, telle que je l’ai défini”.

Pour modéliser les entités métiers de notre application, nous allons utiliser des classes TypeScript. Là aussi, Angular CLI nous propose une commande pour générer ces classes dans notre projet :

ng generate class shared/models/user
ng generate class shared/models/workday
ng generate class shared/models/task

Nous générons trois nouvelles classes dans le sous-dossier models. Ce dossier contient nos entités métiers, et nous l’avons placé dans le même dossier que le SharedModule, car ces entités ont vocation à être partagées dans l’ensemble de notre application :

On ajoute nos modèles dans le dossier Shared.

Nous devons maintenant ajouter des propriétés et des constructeurs pour chacune de nos entités.