<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <p class="MsoNormal"> </p> <p class="MsoNormal" style='margin-right:-14.2pt'>A partir de l'API https://api.zippopotam.us/fr donnant le résultat suivant (ex. pour St Brieuc (Cp 22000) :</p> <p class="MsoNormal" align="center" style='text-align:center'> <span style='border:solid windowtext 1.0pt;padding:0cm'><img width= "578" height="67" id="Image 1" src= "TpSynthese2VueJs_infosVille_fichiers/image001.png" alt="image" name="Image 1" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal">On veut réaliser l'application web permettant d'afficher les informations correspondant aux codes postaux choisis.</p> <p class="MsoNormal">Ecran 1 :</p> <p class="MsoNormal" align="center" style='text-align:center'> <span style='border:solid windowtext 1.0pt;padding:0cm'><img width= "494" height="163" id="Image 2" src= "TpSynthese2VueJs_infosVille_fichiers/image002.png" alt="image" name="Image 2" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal">Un clic sur la roue dentée (paramétrage) :</p> <p class="MsoNormal">Ecran 2 :</p> <p class="MsoNormal" align="center" style='text-align:center'> <span style='border:solid windowtext 1.0pt;padding:0cm'><img width= "498" height="122" id="Image 3" src= "TpSynthese2VueJs_infosVille_fichiers/image003.png" alt="image" name="Image 3" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal">Après avoir saisi quelques CP (exemple ici : 22000, 44000, 29000, 61000, 35000, 06000) :</p> <p class="MsoNormal">Ecran 3</p> <p class="MsoNormal" align="center" style='text-align:center'> <span style='border:solid windowtext 1.0pt;padding:0cm'><img width= "496" height="176" id="Image 4" src= "TpSynthese2VueJs_infosVille_fichiers/image004.png" alt="image" name="Image 4" /></span></p> <p class="MsoNormal"> </p> <span style= 'font-size:11.0pt;font-family:"Calibri",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal">Un clic sur le bouton retour (en haut à droite) :</p> <p class="MsoNormal">Ecran 4 :</p> <p class="MsoNormal" align="center" style='text-align:center'> <span style='border:solid windowtext 1.0pt;padding:0cm'><img width= "487" height="192" id="Image 5" src= "TpSynthese2VueJs_infosVille_fichiers/image005.png" alt="image" name="Image 5" /></span></p> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal">Dans <span class="MsoHyperlink"><a href= "file://///prof/ressource/Bloc2/Javascript/TpSynthese2/ressources">\\prof\ressource\Bloc2\Javascript\TpSynthese2\ressources</a></span> vous trouverez la page html de départ, le script vue js3 de départ et quelques images.</p> </div>
Table des matières
Sujets
Recherche
Help content
Help content
Générée avec
chmProcessor
Générée avec
chmProcessor