23/08/2018, 11:00

Cấu trúc MVC trong AngularJS

Model View Controller hay thường được gọi phổ biến hơn là MVC, là một mô hình thiết kế phần mềm cho các ứng dụng phát triển trên nền tảng web. Một Model View Controller được tạo thành từ 3 phần chính: Model - Là thành phần thấp nhất của mô hình có nhiệm vụ ...

Model View Controller hay thường được gọi phổ biến hơn là MVC, là một mô hình thiết kế phần mềm cho các ứng dụng phát triển trên nền tảng web. Một Model View Controller được tạo thành từ 3 phần chính:

  • Model - Là thành phần thấp nhất của mô hình có nhiệm vụ duy trì dữ liệu.
  • View - Có nhiệm vụ hiển thị các phần dữ liệu đến người sử dụng.
  • Controller - Là phần Code điều khiển sự tương tác giữa Model và View

MVC trở lên phổ biến bởi nó phân tách ứng dụng một cách hợp lý giữa tầng giao diện người dùng và hỗ trợ các phần có liên quan. Phần controller nhận tất cả các request cho ứng dụng và sau đó làm việc với phần model để chuẩn bị dữ liệu cho phần view. Phần view sử dụng dữ liệu được chuẩn bị bởi controller và sau đó tạo ra các dữ liệu được nhìn thấy phía người sử dụng.

  • Thành phần Model trong AngularJS: Thành phần model cho nhiệm vụ quản lý dữ liệu. Nó phản hồi các yêu cầu từ phần view và thực hiện những phần lệnh từ controller để cập nhật các giá trị cho bản thân nó.
  • Thành phần View trong AngularJS: Là thành phần hiển thị dữ liệu theo một định dạng cụ thể, được trigger bởi phần controller để hiển thị dữ liệu.
  • Thành phần Controller trong AngularJS: Thành phần controller tương tác với dữ liệu người dùng và thực thi các sự thay đổi trên đối tượng model. Phần controller nhận các tham số đầu vào, làm cho các tham số có hiệu lực, sau đó thực hiện các hoạt động logic mà trong đó có thể thay đổi trạng thái dữ liệu model.

AngularJS là một Framework làm việc dựa trên mô hình MVC. Ở các chương tiếp theo, chúng ta sẽ thấy cách AngularJS sử dụng phương thức MVC.

Theo Tutorialspoint

Bài trước: Hướng dẫn cài đặt AngularJS

Bài tiếp: Tạo ứng dụng AngularJS đầu tiên

0