Maison  >  Article  >  interface Web  >  Qu’est-ce que le MVVM frontal ?

Qu’est-ce que le MVVM frontal ?

Guanhui
Guanhuioriginal
2020-06-24 16:52:585033parcourir

Front-end MVVM est un modèle de conception d'architecture logicielle. Il s'agit essentiellement d'une version améliorée de MVC, qui résume l'état et le comportement de la vue et permet aux développeurs de séparer l'interface utilisateur de la vue et la logique métier. les avantages sont un faible couplage, la réutilisabilité, le développement indépendant et la testabilité.

Qu’est-ce que le MVVM frontal ?

MVVM est l'abréviation de Model-View-ViewModel. Il s'agit essentiellement d'une version améliorée de MVC. MVVM résume l'état et le comportement de la vue, nous permettant de séparer l'interface utilisateur de la vue et la logique métier. Bien sûr, ViewModel a déjà fait ces choses pour nous. Il peut extraire les données du modèle et aider à gérer la logique métier impliquée dans la vue qui doit afficher le contenu. Le WPF de Microsoft apporte de nouvelles expériences techniques, telles que Silverlight, l'audio, la vidéo, la 3D, l'animation..., ce qui rend la couche d'interface utilisateur du logiciel plus détaillée et personnalisable. Dans le même temps, au niveau technique, WPF apporte également de nouvelles fonctionnalités telles que la liaison, la propriété de dépendance, les événements routés, la commande, le DataTemplate, le ControlTemplate et d'autres nouvelles fonctionnalités. L'origine du framework MVVM (Model-View-ViewModel) est un nouveau cadre architectural issu de la méthode d'application consistant à combiner le modèle MVP (Model-View-Presenter) avec WPF. Il est basé sur le framework MVP original et intègre les nouvelles fonctionnalités de WPF pour faire face aux changements de plus en plus complexes des besoins des clients.

Schéma logique MVVM

Qu’est-ce que le MVVM frontal ?

Composants du modèle MVVM

Qu’est-ce que le MVVM frontal ?

Modèle

Le modèle fait référence au modèle de domaine (orienté objet) qui représente le contenu de l'état réel, ou à la couche d'accès aux données (centrée sur les données ) qui représente le contenu ).

Vue

Tout comme dans les modèles MVC et MVP, la vue est la structure, la mise en page et l'apparence (UI) que l'utilisateur voit à l'écran.

Modèle de vue

Un modèle de vue est une abstraction d'une vue qui expose des propriétés et des commandes publiques. MVVM n'a pas de contrôleur en mode MVC, ni de présentateur en mode MVP, mais un classeur. Dans un modèle de vue, les classeurs communiquent entre la vue et le classeur de données.

Classeurs

Les données déclaratives et la liaison de commandes sont implicites dans le modèle MVVM. Dans la pile de solutions Microsoft, le classeur est un langage de balisage appelé XAML. Les classeurs évitent aux développeurs d'être obligés d'écrire une logique passe-partout pour synchroniser les modèles de vue et les vues. L'émergence de la technologie de liaison de données déclarative a été un facteur clé dans la mise en œuvre de ce modèle en dehors du tas de Microsoft.

Tutoriel recommandé : "Tutoriel JS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn