Milline struktuur ja komponendid hõlmab MVVM-mustrit?

MVVM (Model-View-ViewModel) muster jagab rakenduse kolmeks peamiseks komponendiks:

• Model — esindab andmeid ja äriloogikat. See kiht töötab andmetega, näiteks andmebaasimudelid või teenused.
• View — vastutab andmete kuvamise eest kasutajale. Need on UI komponendid, mis näitavad teavet ja võtavad kasutaja sisendi.
• ViewModel — vahend Modeli ja View vahel. See sisaldab esitluslogikat, teisendab Modelist pärit andmed View jaoks sobivasse vormingusse ning töötleb kasutaja käske.

Selline jaotus võimaldab parandada koodi testitavust, hooldust ja taaskasutust. View ja ViewModel on tavaliselt seotud binding-mehhanismide kaudu, mis vähendab UI uuendamiseks vajalikku koodi kogust.

Näide C#-is WPF-iga:

public class PersonViewModel : INotifyPropertyChanged
{
    private string name;
    public string Name
    {
        get => name;
        set
        {
            name = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
    }
}

Siin sisaldab ViewModel Name omadust, mille View saab siduda kuvamiseks ja redigeerimiseks.