Ποια δομή και συστατικά περιλαμβάνει το μοτίβο MVVM;

Το μοτίβο MVVM (Model-View-ViewModel) διαχωρίζει την εφαρμογή σε τρία βασικά συστατικά:

• Model — αντιπροσωπεύει τα δεδομένα και τη λογική επιχειρήσεων. Είναι το στρώμα που εργάζεται με τα δεδομένα, π.χ. μοντέλα βάσεων δεδομένων ή υπηρεσίες.
• View — είναι υπεύθυνο για την εμφάνιση των δεδομένων στον χρήστη. Είναι UI στοιχεία που εμφανίζουν πληροφορίες και λαμβάνουν εισόδους από τον χρήστη.
• ViewModel — μεσολαβητής μεταξύ Model και View. Περιέχει τη λογική παρουσίασης, μετατρέπει τα δεδομένα από το Model σε μια μορφή κατάλληλη για το View και επεξεργάζεται τις εντολές του χρήστη.

Αυτή η διαίρεση επιτρέπει τη βελτίωση της δοκιμαστικότητας, της συντήρησης και της επαναχρησιμοποίησης του κώδικα. Το View και το ViewModel συνήθως συνδέονται μέσω μηχανισμών binding, που μειώνει τον κώδικα που απαιτείται για την ενημέρωση του UI.

Παράδειγμα σε C# με WPF:

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));
    }
}

Εδώ, το ViewModel περιέχει την ιδιότητα Name, την οποία μπορεί να δεσμεύσει το View για εμφάνιση και επεξεργασία.