/TP3-VUE

Tp 3 vue.js | Programmation web avancée

Primary LanguageVue

TP3-VUE

Tp 3 vue.js | Programmation web avancée

Projet Web Vue.js - Site pour créer une collection de films favoris

Table des Matières

Caractéristiques du Projet

  • Single Page Application (SPA): Le site est conçu comme une SPA avec une mise à jour du DOM et de la base de données sans exécuter de requêtes HTTP au navigateur.

  • Opérations CRUD : Possibilité d'insérer, mettre à jour, supprimer et lister tous les films et le film sélectionné.

  • Informations sur le produit : Les informations sur le film qui doivent être enregistrées comprennent le titre, la directeur, le genre, une photo et l'année.

  • Manipulation sans Rechargement de Page : Une fois enregistré, le film apparaît en bas de page avec un bouton pour le mettre à jour et un bouton pour le supprimer. Toutes les opérations sont effectuées sans recharger la page via des requêtes HTTP.

  • Page de Présentation : Une page de présentation est accessible depuis un menu de navigation (dans le logo) et directement depuis le navigateur web avec le nom de la page (route).

Mise en Place

  • Création du Projet : Utilisation de Vue.js CLI pour initialiser le projet.

  • Menu de Navigation : Un menu de navigation est inclus pour permettre la navigation entre les pages (Accueil / Films / film-edit / film-show).

  • Conception (CSS) : Utilisation de Tailwind et CSS personnalisé pour la conception.

  • Server Node.js : Inclusion d'un serveur Node.js pour la gestion des requêtes.

  • Base de Données MySQL : Utilisation d'une base de données MySQL nommée "bd_movies" pour stocker les informations des films.

  • Publication sur GitHub : Le projet est publié sur GitHub avec une documentation au format PDF incluant le lien GitHub et des instructions d'installation.

##Vidéo

Video-Vue.mp4