MVC gồm 3 thành phần bao gồm:
● M là Model: một cấu trúc dữ liệu chắc chắn, chuẩn bị dữ liệu ể cung cấp cho Controller
● V là View: nơi hiển thị dữ liệu cho người dùng theo cách mà người dùng có thể dễ dàng hiểu và tương tác ược
● C là Controller: nhận về lệnh từ người dùng, gửi lệnh ến Model ể lấy hay cập nhật dữ liệu, rồi truyền lệnh ến View ể cập nhật giao diện hiển thị cho úng với dữ liệu ã cập nhật Trên sơ ồ thì nó sẽ như thế này:
Ôi giời lằng nhằng phức tạp quá. Làm cốc trà á cho hạ nhiệt
Bạn bước vào quán trà á. Giữa mùa hè, qn nào qn nấy nóng nực ơng úc. Bạn luồn lách qua ám ông ể gọi cho bằng ược bà chủ quán "cho cháu một cốc trà á cô ơi". Lúc này, bạn là "người dùng" và "cốc trà á" là "yêu cầu từ phía người dùng". Đối với bạn, cốc trà á là thứ ồ uống ưa thích, mát lạnh, quá phù hợp ể xua tan cái nóng thủ ơ 40 ộ C.
Bà chủ quán gật ầu "ô kê em nhớ". Đối với bà chủ quán, cốc trà á không chỉ ngon lành mát lạnh, mà cịn là một mớ quy trình các bước:
1. Lấy cái cốc 2. Cho á vào 3. Cho trà vào
4. Cho thêm nước lọc cho trà loãng bớt 5. Khuấy ều lên
6. Đưa cốc trà cho bạn 7. Thanh toán
Bộ não của bà chủ quán lúc này óng vai trị Controller. Kể từ thời iểm bạn nói "một cốc trà á" bằng tiếng Việt và bà chủ quán hiểu ược, công việc bắt ầu. Trà á, nước mía
hay cocktail thì cũng như nhau, nhưng ngun liệu thì hồn tồn khác biệt. Bà chủ quán chỉ có thể sử dụng những cơng cụ và ngun liệu của qn, và những cơng cụ ó sẽ óng vai trị Model, bao gồm:
● Đôi tay của bà chủ
● Các nguyên liệu pha chế (trà, nước ...)
● Đá lạnh
● Bia, nước ngọt, thuốc lá...
● Chanh, sấu, gừng...
● Các ly cốc ể ựng ồ uống
Những nguyên liệu và công cụ này, thông qua một loạt các bước, ã trở thành cốc trà á mát lạnh ến tay bạn. Cốc trà á lúc này óng vai trị "View". "View" ược làm nên từ những công cụ, nguyên liệu trong "Model", ược chế biến và bàn giao tới tay bạn thơng qua "Controller" (chính là bộ não của bà chủ quán)