Model view-view model (mvvm)
1 j'aime739 vues
Le document explore le modèle MVVM (Model-View-ViewModel), détaillant son origine et ses différences par rapport à d'autres patrons de conception comme MVC et PM. Il souligne l'importance de la séparation des préoccupations pour faciliter les tests unitaires et l'extensibilité, tout en présentant les avantages et inconvénients d'une telle structure. Enfin, il mentionne plusieurs frameworks et applications connues qui utilisent MVVM.
Model view-view model (mvvm)
- 2. Plan 0 Histoire 0 Intention 0 Structure 0 MVVM 0 Le Model 0 Le View 0 Le ViewModel 0 Collaboration 0 Conséquences 0 Utilisations connues 0 Patrons de Design en relation 0 Conclusion
- 3. Histoire • 2004 Martin Fowler – Presentation Model (PM) Une séparation de son état et de son comportement Indépendamment d’un Framework UI • 2005 John Gossman dévoile le patron MVVM Comme extension du patron MVC • 2008 John change d’avis MVVM est identique au PM Dépendant au WPF/Silverlight
- 4. Intention • Les préoccupations de séparation View L’état et le comportement du View Données • Test unitaire et les tests de l’interface graphique (UI) • Maintenance • Extensibilité • Permet le flux de travail designer/développeur • Profite du « data binding » du WPF/Silverlight
- 5. Structure View ViewModel • Model Model Aucune référence du View ou du ViewModel • View Peut avoir une référence du ViewModel (pas obligatoire) Aucune référence du Model • ViewModel Référencé à partir du Model Peut avoir une référence à partir du View
- 6. Le Model View ViewModel public class Person : INotifyPropertyChanged, IDataErrorInfo { Model private string _firstName; private string FirstName { get { return _firstName; } set { _firstName = value; OnPropertyChanged(‘’FirstName’’); } } …
- 7. Le ViewModel View ViewModel public class MainViewModel : INotifyPropertyChanged, { private Person _modelPerson; Model private Person ModelPerson { get { return _modelPerson; } set { _modelPerson = value; OnPropertyChanged(‘’ModelPerson’’); } } …
- 8. Le View View ViewModel <!– First Name --> <TextBlock Text=‘’First Name:’’ Margin=‘’5’’ /> < TextBox Grid.Column=‘’1’’ Margin=‘’5’’/> Model <!– Last Name --> <TextBlock Grid.Row=‘’1’’ Text=‘’Last Name:’’ Margin=‘’5’’ /> < TextBox Grid.Row=‘’1’’ Grid.Column=‘’1’’ Margin=‘’5’’/> <!– UpdatedDate--> <TextBlock Grid.Row=‘’2’’ Text=‘’Age:’’ Margin=‘’5’’ /> < TextBox Grid.Row=‘’2’’ Grid.Column=‘’1’’ Margin=‘’5’’/> <!– Save Button--> <Button Grid.Row=‘’3’’ Grid.ColumnSpan=‘’5’’ Content=‘’Save’’ Margin=‘’10’’ />
- 9. Collaboration View ViewModel • Model Les données Model • View Binding au ViewModel à traver DataContext • ViewModel Expose le Model comme propriété ou commande Doit implémenter INotifyPropertyChanged
- 10. Conséquences 0 Avantages • Réduit le code relatif • Pas besoin de changer le Model pour supporter le View • Les Designers design, les développeurs développent • Réduit le temps de développement 0 Inconvénients • Crée plus de fichiers • Les tâches simples peuvent devenir plus compliquées • Manque de standardisation • Spécifique au plateformes WPF et Silverlight
- 11. Utilisations connues 0 Microsoft 0 UFC Gym 0 US Army 0 Family.Show 0 Prism Reference Implementation 0 AQUA 0 Plusieurs Framework • MVVM Light Toolkit • Caliburn • Cinch • Onyx • MVVM Foundation • Etc…
- 12. Patrons de Design en relation • Model View Presenter (MVP) • Model View Controller (MVC) • Presentation Model (PM)
- 13. Conclusion • Séparation des préoccupations • Test et Maintenance • View and ViewModel binding • Implémentation