mirror of
https://github.com/tiennm99/java-design-patterns.git
synced 2026-05-27 18:23:21 +00:00
docs: Content SEO updates (#2990)
* update yaml frontmatter format * update abstract document * update abstract factory * use the new pattern template * acyclic visitor seo * adapter seo * ambassador seo * acl seo * aaa seo * async method invocation seo * balking seo * bridge seo * builder seo * business delegate and bytecode seo * caching seo * callback seo * chain seo * update headings * circuit breaker seo * client session + collecting parameter seo * collection pipeline seo * combinator SEO * command seo * cqrs seo * commander seo * component seo * composite seo * composite entity seo * composite view seo * context object seo * converter seo * crtp seo * currying seo * dao seo * data bus seo * data locality seo * data mapper seo * dto seo * decorator seo * delegation seo * di seo * dirty flag seo * domain model seo * double buffer seo * double checked locking seo * double dispatch seo * dynamic proxy seo * event aggregator seo * event-based asynchronous seo * eda seo * event queue seo * event sourcing seo * execute around seo * extension objects seo * facade seo * factory seo * factory kit seo * factory method seo * fanout/fanin seo * feature toggle seo * filterer seo * fluent interface seo * flux seo * flyweight seo * front controller seo * function composition seo * game loop seo * gateway seo * guarded suspension seo * half-sync/half-async seo * health check seo * hexagonal seo * identity map seo * intercepting filter seo * interpreter seo * iterator seo * layers seo * lazy loading seo * leader election seo * leader/followers seo * lockable object seo * rename and add seo for marker interface * master-worker seo * mediator seo * memento seo * metadata mapping seo * microservice aggregator seo * api gw seo * microservices log aggregration seo * mvc seo * mvi seo * mvp seo * mvvm seo * monad seo * monitor seo * monostate seo * multiton seo * mute idiom seo * naked objects & notification seo * null object seo * object mother seo * object pool seo * observer seo * optimistic locking seo * page controller seo * page object seo * parameter object seo * partial response seo * pipeline seo * poison pill seo * presentation model seo * private class data seo * producer-consumer seo * promise seo * property seo * prototype seo * proxy seo * queue-based load leveling seo * reactor seo * registry seo * repository seo * RAII seo * retry seo * role object seo * saga seo * separated interface seo * serialized entity seo * serialized lob seo * servant seo * server session seo * service layer seo * service locator seo * service to worker seo * sharding seo * single table inheritance seo * singleton seo * spatial partition seo * special case seo * specification seo * state seo * step builder seo * strangler seo * strategy seo * subclass sandbox seo * table module seo * template method seo * throttling seo * tolerant reader seo * trampoline seo * transaction script seo * twin seo * type object seo * unit of work seo * update method seo * value object seo * version number seo * virtual proxy seo * visitor seo * seo enhancements * seo improvements * SEO enhancements * SEO improvements * SEO additions * SEO improvements * more SEO improvements * rename hexagonal + SEO improvements * SEO improvements * more SEO stuff * SEO improvements * SEO optimizations * SEO enhancements * enchance SEO * improve SEO * SEO improvements * update headers
This commit is contained in:
@@ -1,24 +1,26 @@
|
||||
---
|
||||
title: Model-View-ViewModel
|
||||
title: "Model-View-ViewModel Pattern in Java: Separating UI and Logic for Cleaner Code"
|
||||
shortTitle: Model-View-ViewModel
|
||||
description: "Learn about the Model-View-ViewModel (MVVM) design pattern in Java. Discover its benefits, real-world applications, and how it improves UI and business logic separation for scalable and maintainable code."
|
||||
category: Architectural
|
||||
language: en
|
||||
tag:
|
||||
- Architecture
|
||||
- Data binding
|
||||
- Decoupling
|
||||
- Presentation
|
||||
- Scalability
|
||||
- Architecture
|
||||
- Data binding
|
||||
- Decoupling
|
||||
- Presentation
|
||||
- Scalability
|
||||
---
|
||||
|
||||
## Also known as
|
||||
|
||||
* MVVM
|
||||
|
||||
## Intent
|
||||
## Intent of Model-View-ViewModel Design Pattern
|
||||
|
||||
The intent of MVVM is to provide a clear [separation of concerns](https://java-design-patterns.com/principles/#separation-of-concerns) between the UI logic, the presentation logic, and the business logic by dividing the application into three interconnected components: Model, View, and ViewModel.
|
||||
The intent of the Model-View-ViewModel (MVVM) pattern in Java is to provide a clear [separation of concerns](https://java-design-patterns.com/principles/#separation-of-concerns) between the UI logic, the presentation logic, and the business logic by dividing the application into three interconnected components: Model, View, and ViewModel.
|
||||
|
||||
## Explanation
|
||||
## Detailed Explanation of Model-View-ViewModel Pattern with Real-World Examples
|
||||
|
||||
Real-world example
|
||||
|
||||
@@ -34,14 +36,13 @@ Real-world example
|
||||
|
||||
In plain words
|
||||
|
||||
> The Model-View-ViewModel (MVVM) design pattern separates an application into three distinct components: the Model, which holds the data and business logic; the View, which displays the user interface; and the ViewModel, which acts as an intermediary to bind data from the Model to the View, facilitating a clear separation of concerns and easier maintenance and testing of user interfaces.
|
||||
> The MVVM design pattern separates an application into three distinct components: the Model, which holds the data and business logic; the View, which displays the user interface; and the ViewModel, which acts as an intermediary to bind data from the Model to the View.
|
||||
|
||||
Wikipedia says
|
||||
|
||||
> Model–view–viewmodel (MVVM) is a software architectural pattern that facilitates the separation of the development of the graphical user interface (the view) – be it via a markup language or GUI code – from the development of the business logic or back-end logic (the model) so that the view is not dependent on any specific model platform.
|
||||
|
||||
**Programmatic Example**
|
||||
|
||||
## Programmatic Example of Model-View-ViewModel Pattern in Java
|
||||
|
||||
ViewModel will hold the business logic and expose the data from model to View.
|
||||
|
||||
@@ -122,24 +123,24 @@ To deploy the example, go to model-view-viewmodel folder and run:
|
||||
* `mvn jetty:run -Djetty.http.port=9911`
|
||||
* Open browser to address: http://localhost:9911/model-view-viewmodel/
|
||||
|
||||
## Applicability
|
||||
## When to Use the Model-View-ViewModel Pattern in Java
|
||||
|
||||
* MVVM is applicable in applications requiring a clear separation between the user interface and the underlying business logic, especially in large-scale, data-driven applications where UI and business logic change independently.
|
||||
MVVM is applicable in applications requiring a clear separation between the user interface and the underlying business logic, especially in large-scale, data-driven applications where UI and business logic change independently. This makes the Model-View-ViewModel pattern ideal for Java applications.
|
||||
|
||||
## Tutorials
|
||||
## Model-View-ViewModel Pattern Java Tutorials
|
||||
|
||||
* [Data Binding in Android (developer.android.com)](https://developer.android.com/codelabs/android-databinding#0)
|
||||
* [Introduction to Model View View Model (MVVM) (GeeksforGeeks)](https://www.geeksforgeeks.org/introduction-to-model-view-view-model-mvvm/)
|
||||
* [Patterns - WPF Apps With The Model-View-ViewModel Design Pattern (Microsoft)](https://docs.microsoft.com/en-us/archive/msdn-magazine/2009/february/patterns-wpf-apps-with-the-model-view-viewmodel-design-pattern)
|
||||
|
||||
## Known uses
|
||||
## Real-World Applications of Model-View-ViewModel Pattern in Java
|
||||
|
||||
* Widely used in JavaFX applications for desktop interfaces.
|
||||
* Utilized in Android development with libraries like DataBinding and LiveData for reactive UI updates.
|
||||
* ZK Framework [zkoss.org](https://www.zkoss.org/)
|
||||
* KnockoutJS [knockoutjs.com](https://knockoutjs.com/)
|
||||
|
||||
## Consequences
|
||||
## Benefits and Trade-offs of Model-View-ViewModel Pattern
|
||||
|
||||
Benefits:
|
||||
|
||||
@@ -152,12 +153,12 @@ Trade-offs:
|
||||
* Increased complexity in small applications where simpler patterns might suffice.
|
||||
* Learning curve associated with understanding and applying the pattern correctly.
|
||||
|
||||
## Related Patterns
|
||||
## Related Java Design Patterns
|
||||
|
||||
* [MVC (Model-View-Controller)](https://java-design-patterns.com/patterns/model-view-controller/): MVVM can be seen as a derivative of MVC with a stronger emphasis on binding and decoupling, where the ViewModel acts as an intermediary unlike the controller in MVC.
|
||||
* [MVP (Model-View-Presenter)](https://java-design-patterns.com/patterns/model-view-presenter/): Similar to MVVM but with a focus on the presenter handling the UI logic, making MVVM's ViewModel more passive in terms of direct UI manipulation.
|
||||
|
||||
## Credits
|
||||
## References and Credits
|
||||
|
||||
* [Android Programming: The Big Nerd Ranch Guide](https://amzn.to/3wBGG5o)
|
||||
* [Pro JavaFX 8: A Definitive Guide to Building Desktop, Mobile, and Embedded Java Clients](https://amzn.to/4a8qcQ1)
|
||||
|
||||
Reference in New Issue
Block a user