Vue

Définition, exemples et bonnes pratiques

À retenir

  • C'est l'interface utilisateur (UI).
  • Elle reçoit des données et les met en forme.
  • Elle est indépendante de la base de données et des calculs internes.

La vue représente la partie visible d'un logiciel ou d'un site web, celle avec laquelle l'utilisateur interagit directement. On peut la comparer à l'écran d'un tableau de bord de voiture : elle affiche la vitesse et le niveau d'essence de manière lisible, sans que vous ayez besoin de voir les engrenages ou le moteur qui travaillent en arrière-plan.

Étymologie

Issu du verbe français « voir », ce terme souligne l'aspect visuel et superficiel (au sens noble) d'un programme. En informatique, il s'est imposé avec l'émergence des interfaces graphiques et des méthodes d'organisation du code comme le modèle MVC.

Exemples d'usage

  • Une page HTML qui affiche le profil d'un utilisateur sur un réseau social.
  • L'interface d'une application mobile contenant des boutons et des images.
  • En base de données, une « table virtuelle » qui filtre et présente uniquement certaines informations utiles.

Cas d'usage

On utilise principalement ce concept dans le développement web et logiciel pour séparer l'apparence des données. Elle intervient aussi en gestion de données (SQL) pour simplifier la lecture de tables complexes sans modifier les données réelles.

Bonnes pratiques

Une bonne vue doit être « bête » : elle ne doit pas contenir de logique complexe ou de calculs mathématiques importants. Son seul rôle est de mettre en forme ce qu'on lui donne. Il est recommandé d'utiliser des systèmes de templates pour garder un code propre et facile à modifier.

Synonymes

interface utilisateur UI template gabarit présentation

Antonymes

modèle contrôleur back-end noyau

Conseil

Si vous apprenez la programmation, retenez que séparer la vue du reste de votre code vous permettra de changer le design de votre application sans avoir à tout réécrire de zéro.

Questions fréquentes

Une vue peut-elle exister sans données ?

Oui, elle peut afficher une structure vide ou des éléments statiques, mais son utilité principale est d'habiller des données dynamiques.

Est-ce que 'Vue.js' a un rapport ?

Oui, ce framework JavaScript porte ce nom car il se concentre précisément sur la création et la gestion de la couche 'vue' dans les applications web.

Quelle est la différence entre vue et interface ?

La vue est un terme technique d'architecture logicielle, tandis que l'interface (UI) est un terme plus large désignant tout ce qui permet de communiquer avec une machine.