MVC ও MVVM প্যাটার্ন

১ · MVC — তিনটি স্পষ্ট দায়িত্ব

MVCModel-View-Controllerএকটি আর্কিটেকচারাল প্যাটার্ন যা ইন্টারঅ্যাক্টিভ অ্যাপ্লিকেশনকে তিনটি ভাগে ভাগ করে — Model (ডেটা), View (প্রদর্শন), Controller (ইনপুট হ্যান্ডলিং)। একটি genuinely ব্যাপকভাবে ব্যবহৃত, বাস্তব আর্কিটেকচারাল প্যাটার্ন — ইন্টারঅ্যাক্টিভ অ্যাপ্লিকেশনগুলোকে তিনটি স্পষ্ট অংশে ভাগ করে (L14-এর separation-of-concerns থিমের সরাসরি প্রয়োগ):

স্বাভাবিক ডেটা ফ্লো এভাবে: ইউজার View-এর সাথে ইন্টারঅ্যাক্ট করে → View সেই ইনপুট Controller-এ পাঠায় → Controller Model আপডেট করে → Model-এর পরিবর্তন View-কে আপডেট হতে ট্রিগার করে। শেষ ধাপটি লক্ষ্য করার মতো — অনেক বাস্তব MVC বাস্তবায়নে View সরাসরি Model-কে observe করে (M5/L23-এর Observer প্যাটার্নের সরাসরি পুনর্ব্যবহার), Controller নিজে সরাসরি View-তে push করে না।

২ · MVVM — Controller-এর বদলে ViewModel

MVVMModel-View-ViewModelMVC-এর একটি রূপভেদ, যেখানে Controller-এর বদলে একটি ViewModel থাকে যা Model-এর ডেটা View-ফ্রেন্ডলি ফরম্যাটে এক্সপোজ করে, আর View সরাসরি তার সাথে বাইন্ড করে। MVC-এর একটি real, বহুল-ব্যবহৃত রূপভেদ — বিশেষত আধুনিক UI ফ্রেমওয়ার্কে। কাঠামো প্রায় একই থাকে, কিন্তু Controller-এর জায়গায় একটি ViewModel বসে — এটি Model-এর ডেটাকে View-ফ্রেন্ডলি, প্রি-ফরম্যাটেড রূপে এক্সপোজ করে এবং View-নির্দিষ্ট প্রেজেন্টেশন লজিক সামলায়, আর View সরাসরি ViewModel-এর এক্সপোজ করা প্রপার্টিগুলোর সাথে বাইন্ড করে (একটি ডেটা-বাইন্ডিং মেকানিজম, শুধু নামমাত্র উল্লেখ) — Controller ম্যানুয়ালি প্রতিটি আপডেট push করার বদলে।

মূল পার্থক্যটি নির্দিষ্ট করে বলা যাক: MVVM-এর View সাধারণত তার ViewModel-এর সাথে আরও ডিক্লারেটিভভাবে সংযুক্ত থাকে (স্বয়ংক্রিয় বাইন্ডিং), MVC-র তুলনায় — MVC-তে Controller বেশিরভাগ ক্ষেত্রে ম্যানুয়ালি View আপডেট মধ্যস্থতা করে।

৩ · একটি বাস্তব MVC — Todo অ্যাপ্লিকেশন

নিচের কোড সেলে একটি সম্পূর্ণ, ordinary Python OOP MVC ট্রায়ো বানানো হয়েছে — এটি কোনো সিমুলেশন নয়, বাস্তব, সম্পূর্ণ কার্যকরী কোড: একটি TodoModel (ডেটা + Observer সাপোর্ট), একটি TodoView (print-ভিত্তিক রেন্ডারার, Model-এ সাবস্ক্রাইবড), আর একটি TodoController (Model আপডেট করার মেথড এক্সপোজ করে)।

class TodoModel:
    def __init__(self):
        self.items = []       # প্রতিটি item: {"text": ..., "done": False}
        self.observers = []   # M5/L23-এর Observer প্যাটার্নের সরাসরি পুনর্ব্যবহার

    def subscribe(self, observer):
        self.observers.append(observer)

    def _notify(self):
        for obs in self.observers:
            obs.render(self.items)

    def add_item(self, text):
        self.items.append({"text": text, "done": False})
        self._notify()   # Model বদলাতেই স্বয়ংক্রিয়ভাবে View-কে জানানো হচ্ছে

    def complete_item(self, index):
        self.items[index]["done"] = True
        self._notify()


class TodoView:
    def render(self, items):
        print("---- Todo List (View) ----")
        for i, item in enumerate(items):
            mark = "x" if item["done"] else " "
            print(f"[{mark}] {i}: {item['text']}")
        print()


class TodoController:
    def __init__(self, model):
        self.model = model

    def add_todo(self, text):
        self.model.add_item(text)

    def complete_todo(self, index):
        self.model.complete_item(index)


model = TodoModel()
view = TodoView()
model.subscribe(view)          # View, Model-কে observe করছে
controller = TodoController(model)

controller.add_todo("Git শেখা")
controller.add_todo("MVC পাঠ শেষ করা")
controller.complete_todo(0)