Tutoriel pour développer une application web avec Vue.js et Vue CLI : mise en oeuvre (partie 2)
Bonjour,
Je vous propose un tutoriel en trois parties concernant le développement d'application web monopage (Single-Page Application) avec Vue.js.
Cette deuxième partie présente les principaux concepts de Vue.js au travers d'un exemple complet.
Voici le plan
- présentation de l'exemple qui servira de fil rouge ;
- création du squelette du projet PollDLE avec Vue.js et Vue CLI ;
- initialisation des modèles et des vues pour les différents composants ;
- mise en place des bindings entre les modèles et les vues via l'utilisation du templating (interpolation et les directives) ;
- utilisation des propriétés calculées (computed) et des observateurs (watch) ;
- détail du fonctionnement d'un composant pour savoir développer, instancier et dialoguer avec un composant ;
- invocation d'un service web Rest pour modifier ou retourner la valeur d'un modèle ;
- paramétrage du système de routage pour les changements de valeurs d'URL.
L'exemple est appelé PollDLE qui est une application pour créer et soumettre des sondages. PollDLE ~= Poll + la dernière partie de Doo DLE (Doodle est une application de planification de rendez-vous, très connue pour être simple d'utilisation)
L'URL du tutoriel : https://mbaron.developpez.com/tutori...ise-en-oeuvre/
Le code source complet de l'exemple PollDLE est disponible à cette adresse : https://github.com/mickaelbaron/vuej...e-tutorial-src
Profiter de cette discussion pour laisser des commentaires.
Tutoriel écrit avec ❤️
Mickael
:fleche: Retrouver les meilleurs cours et tutoriels pour apprendre JavaScript
polldle applicatio : error compilation
Bonjour,
tout d'abord merci pour ce tuto.
A la partie "Compiler et exécuter le code serveur", j'entre la commande "mvn clean package". tout se passe bien.
Ensuite dans le terminal, j'entre "set KUMULUZEE_SERVER_HTTP_PORT=9991", parce que avec "export", ça n'à pas l'air de fonctionner.
Ensuite, toujours dans la console, j'entre "java -cp "polldle-server/target/dependency/*;polldle-server/target/classes" com.kumuluz.ee.EeApplication" , j'ai remplacé ":" par ";" pour que ça fonctionne. Mais j'ai une erreur sur la première ligne :
"2023-08-19 20:44:40.921 INFO -- com.kumuluz.ee.configuration.sources.FileConfigurationSource -- Unable to load configuration from file. No configuration files were found."
Et les 2 dernières indiquent ceci :
"2023-08-19 20:44:42.365 WARNING -- org.glassfish.jersey.server.wadl.WadlFeature -- JAXBContext implementation could not be found. WADL feature is disabled.
2023-08-19 20:44:42.611 INFO -- com.kumuluz.ee.EeApplication -- KumuluzEE started successfully"
Ensuite en me plaçant dans "polldle-vue-15", lorsque je clic sur "creer le polldle" la phrase "Problem to create a new Polldle." s'affiche dans la vue et la console indique :
"fail to fetch"
Qu'est ce qui ne va pas ? je travaille sous Windows 11.