Accueil > Intranet Michel Buffa > Technologies Web 2 - Master 2 Miage > TP Scrolling infini avec Angular/Mongoose

TP Scrolling infini avec Angular/Mongoose

De $1

Table des matières
aucun titre

Travail à faire :

  1. Ajouter du code pour "peupler la base Mongo, disont, avec 300 à 500 assignments dont vous aurez généré les valeurs aléatoirement",
    • Ajoutez un bouton "Peupler Base" qui va générer des centaines d'assignments avec des valeurs aléatoires. Vous pourrez utiliser par exemple le site https://www.generatedata.com/ ou mieux https://mockaroo.com/ comme nous l'avions fait l'an dernier.
    • Vous génererez un tableau JSON d'assignments que vous mettre dans un fichier assignementData.js dans votre projet.
    • Vous l'importerez dans le composant qui affiche le bouton et écrirez une méthode supplémentaire "peuplerBD" dans le service assignments.
    • Vous testerez cela ensuite...
       
  2. Etudiez comment on pourrait implémenter un "scrolling infini" à la Facebook.... on fait défiler la page et quand on arrive en bout cela envoie automatiquement une nouvelle requête au serveur qui récupère de nouvelles données, et on peut continuer à scroller. Voir doc angular ici et aussi un tuto qui montre comment on peut encore améliorer les choses en ajoutant à la liste des assignments de nouvelles données qu'on va chercher dans la base au fur et à mesure qu'on scrolle... la méthode fetchmore proposée doit être chez nous (sans doute avec un autre nom) dans l'assignment service... 
  3. Regarder comment ajouter la pagination au code serveur (avec Mongoose), par exemple grace à ce tutoriel ou encore grace à celui-là.
Mots clés:
 
Images (0)
 
Commentaires (0)
Vous devez être connecté pour poster un commentaire.