https://wiki.dzmuh.com/index.php?action=history&feed=atom&title=Model-View-ViewModel 2026-05-05T15:23:39Z История изменений этой страницы в вики MediaWiki 1.38.4 https://wiki.dzmuh.com/index.php?title=Model-View-ViewModel&diff=13237&oldid=prev 2023-09-11T17:26:12Z

<p>Новая страница: «<a href="/index.php?title=%D0%A4%D0%B0%D0%B9%D0%BB:MVVMPattern.png&amp;action=edit&amp;redlink=1" class="new" title="Файл:MVVMPattern.png (страница не существует)">thumb|292x292px</a> &#039;&#039;&#039;Model-View-ViewModel&#039;&#039;&#039; (MVVM) — шаблон проектирования архитектуры приложения. Представлен в 2005 году Джоном Госсманом (John Gossman) как модификация шаблона Presentation Model. Ориентирован на современные платформы разработки, такие как WPF|Windows Presentation...»</p> <p><b>Новая страница</b></p><div>[[Файл:MVVMPattern.png|thumb|292x292px]]<br /> '''Model-View-ViewModel''' (MVVM) — шаблон проектирования архитектуры приложения. Представлен в 2005 году Джоном Госсманом (John Gossman) как модификация шаблона Presentation Model. Ориентирован на современные платформы разработки, такие как [[WPF|Windows Presentation Foundation]], [[Silverlight]] от компании [[Microsoft]]&lt;ref name=&quot;introduction&quot;&gt;{{Cite web |url=http://blogs.msdn.com/b/johngossman/archive/2005/10/08/478683.aspx |title=Introduction to Model/View/ViewModel pattern for building WPF apps |access-date=2010-11-13 |archive-date=2011-06-12 |archive-url=https://web.archive.org/web/20110612072619/http://blogs.msdn.com/b/johngossman/archive/2005/10/08/478683.aspx |deadlink=no }}&lt;/ref&gt;, [[ZK (framework)|ZK framework]]. <br /> <br /> == Назначение ==<br /> Используется для разделения модели и её представления, что необходимо для их изменения отдельно друг от друга. Например, разработчик задаёт логику работы с данными, а дизайнер работает с пользовательским интерфейсом.<br /> <br /> == Использование ==<br /> {{орисс в разделе|дата=2020-08-13}}<br /> MVVM удобно использовать вместо классического [[Model-View-Controller|MVC]] и ему подобных в тех случаях, когда в платформе, на которой ведётся разработка, есть «[[Связывание данных|связывание данных]]». В шаблонах проектирования [[Model-View-Controller|MVC]]/[[Model-View-Presenter|MVP]] изменения в пользовательском интерфейсе не влияют непосредственно на Mодель, а предварительно идут через Контроллер ({{lang-en|Controller}}) или Presenter. В таких технологиях как [[WPF]] и [[Silverlight]] есть концепция «связывания данных», позволяющая связывать данные с визуальными элементами в обе стороны. Следовательно, при использовании этого приёма применение модели MVC становится крайне неудобным из-за того, что привязка данных к представлению напрямую не укладывается в концепцию MVC/MVP.<br /> <br /> == Описание ==<br /> Шаблон MVVM делится на три части:<br /> * ''Модель'' ({{lang-en|Model}}) (так же, как в классической MVC) представляет собой логику работы с данными и описание фундаментальных данных, необходимых для работы приложения.<br /> * ''Представление'' ({{lang-en|View}}) — графический интерфейс (окна, списки, кнопки и т. п.). Выступает подписчиком на событие изменения значений свойств или команд, предоставляемых Моделью Представления. В случае, если в Модели Представления изменилось какое-либо свойство, то она оповещает всех подписчиков об этом, и Представление, в свою очередь, запрашивает обновлённое значение свойства из Модели Представления. В случае, если пользователь воздействует на какой-либо элемент интерфейса, Представление вызывает соответствующую команду, предоставленную Моделью Представления.<br /> * ''Модель Представления'' ({{lang-en|ViewModel}}) — с одной стороны, абстракция Представления, а с другой — обёртка данных из Модели, подлежащиx связыванию. То есть, она содержит Модель, преобразованную к Представлению, а также команды, которыми может пользоваться Представление, чтобы влиять на Модель.<br /> <br /> == Реализации ==<br /> <br /> === .NET ===<br /> * [https://reactiveui.net/ ReactiveUI]<br /> * [https://www.dotvvm.com/ DotVVM] open source project<br /> * [https://github.com/MugenMvvmToolkit/MugenMvvmToolkit Mugen MVVM Toolkit]<br /> <br /> === Javascript ===<br /> * [[Angular (фреймворк)|Angular 2+]]<br /> * [[Vue.js]]<br /> * [[Knockout.js|Knockout.js]]<br /> * [http://www.oracle.com/webfolder/technetwork/jet/index.html Oracle JET]<br /> * [[Ext_JS]]<br /> <br /> === Swift ===<br /> * [https://developer.apple.com/xcode/swiftui/ SwiftUI]<br /> <br /> == См. также ==<br /> * [[Silverlight]]<br /> * [[Windows Presentation Foundation]]<br /> * [[Команда (шаблон проектирования)|Команда]]<br /> * [[Наблюдатель (шаблон проектирования)|Наблюдатель]]<br /> <br /> == Примечания ==<br /> {{примечания}}<br /> <br /> == Ссылки ==<br /> {{википедия|Model-View-ViewModel}}<br /> <br /> {{Типы шаблонов проектирования}}<br /> <br /> [[Категория:Архитектурные шаблоны проектирования]]</div>

Dzmuh