რა არის MVP არქიტექტურული ნიმუში?

MVP (მოდელი-ხედი-პრეზენტერი) არის არქიტექტურული ნიმუში ბიზნეს-ლოგიკის, მონაცემებისა და მომხმარებლის ინტერფეისის განყოფილებისათვის:

ძირითადი კომპონენტები:

• მოდელი: წარმოადგენს მონაცემებს და ბიზნეს-ლოგიკას. არ იცის ხედი ან პრეზენტერი:
• ხედი: აჩვენებს მონაცემებს, უზრუნველყოფს მომხმარებლის ინტერფეისს და გადამისამართებს მოქმედებებს პრეზენტერს. არ შეიცავს ბიზნეს-ლოგიკას. ხედი პასიურია და მხოლოდ აჩვენებს მიღებულ მონაცემებს:
• პრეზენტერი: მოქმედებს როგორც შუამავალი მოდელის და ხედის შორის. პროცესავს მომხმარებლის მოქმედებებს, იღებს მონაცემებს მოდელიდან და განაახლებს ხედს. პრეზენტერი შეიცავს წარმოდგენის ლოგიკას, მაგრამ არა ბიზნეს-ლოგიკას. მართავს ხედის მდგომარეობას:

ურთიერთქმედება:

1. მომხმარებელი ურთიერთქმედებს ხედთან:
2. ხედი გადმოსცემს მოქმედებას პრეზენტერს:
3. პრეზენტერი/processავს მოქმედებას:
   • განაახლებს მოდელს, თუ საჭიროა:
   • სთხოვს მონაცემებს მოდელიდან:
   • განაახლებს ხედს ახალი მონაცემებით:

უპირატესობები:

• გაუმჯობესებული ტესტირებადობა (პრეზენტერი და მოდელი შეიძლება დამოუკიდებლად იქნას ტესტირებული ხედისგან)
• პასუხისმგებლობის განყოფილება:
• გაუმჯობესებული მხარდაჭერა:

მაგალითი (სიმვოლური):

// მოდელი
class DataModel {
    getData() {
        // ... მონაცემების მიღების ლოგიკა ...
        return { message: "გამარჯობა მოდელიდან!" };
    }
}

// წარმოდგენა (UI სინდიკატი კოდი)
class TextView {
    display(data) {
        // ეკრანზე ტექსტის განახლება
        console.log(data.message);
    }

    onClickButton(handler) {
        // ღილაკზე დამაკავშირებელი დამუშავებლის დამატება
    }
}

// პრეზენტერი
class Presenter {
    constructor(model, view) {
        this.model = model;
        this.view = view;
        this.view.onClickButton(this.handleButtonClick.bind(this)); // მოვლენის კავშირი
    }

    handleButtonClick() {
        const data = this.model.getData();
        this.view.display(data);
    }
}

// გამოყენება
const model = new DataModel();
const view = new TextView(); // რეალური UI წარმოდგენა
const presenter = new Presenter(model, view);