- Ce TP constitue la première partie du projet final à rendre pour le 5 juin (Rappel : travail en binôme)
- L'énoncé présente essentiellement des fonctionnalités qui sont à implémenter en vuejs, grâce à toutes les notions abordées précédemment, dont les composants vus au TD 5.
- La façon d'implémenter ces fonctionnalités est laissée libre, y compris au niveau de l'aspect visuel.
- Le TD suivant portant sur l'accès à des API Web pour récupérer des données stockées dans une BdD distante, les exercices du TP 6 seront juste une extension de celui-ci, où certaines données (notamment les personnage, les items, ...) devront être récupérés/modifier/créer grâce à une API Web.
IMPORTANT :
- l'utilisation de composants pour créer la page de l'application n'est pas obligatoire mais la notation en tiendra fortement compte (puisque c'est un élément majeur de vuejs)
- cependant, pour la note, il est préférable d'avoir une page qui fonctionne sans composants, plutôt qu'une page avec composants qui fonctionne à moitié voire pas du tout.
Exercice 1 - La boutique
- Comme dans les TPs précédents, la page principale doit faire apparaître une liste d'items proposés par la boutique.
- La longueur de cette liste doit pouvoir être fixée grâce à une variable du modèle (par ex, dans model.js)
- S'il y a un personnage dans la boutique, il doit être possible de sélectionner un article en vente et de l'acheter. Dans ce cas, l'article est ajouté à la liste des imtes achetés par le personnage.
- Il doit également être possible d'aller dans un autre boutique, ce qui revient simplement à construire une nouvelle liste d'items. Dans ce cas, le personnage courant n'est pas changé.
Exercice 2 - Le personnage
- Via un moyen à déterminer, il est possible de faire apparaître le résumé d'un personnage grâce à son nom.
- Quand ce résumé est affiché, il est possible pour le personnage d'acheter des items à la boutique courante et de les affecter à des slots, par exemple via du drag & drop (cf. solution TP 4).
- Via un moyen à déterminer, il est possible de passer en "cheat mode", ce qui permet de modifier le niveau, la vie actuelle et le montant d'or du personnage courant.
Exercice 3 - Le maître du jeu
- Via un moyen à déterminer, il est possible de passer en mode maître du jeu pour avoir accès à 2 formulaires. Dans ce cas, il n'y a plus de boutique, ni de personnage affiché.
- Le premier formulaire permet de créer un nouvel item, qui est ajouté à la liste des items dans le modèle (dans le TP 6, également dans la BdD des items).
- Le deuxième formulaire permet de créer un nouveau personnage dont on donne le nom, et l'or disponible, qui est ajouté à la liste des perso. dans le modèle (dans le TP 6, également dans la BdD des persos). Ce personnage est de niveau 1 et ses slots sont vides.