AngularJS MVC架构

Model View Controller或MVC(俗称MVC)是用于开发Web应用程序的软件设计模式。Model View Controller模式由以下三个部分组成-

  • Model −这是负责维护数据的模式的最低级别。

  • View −它负责向用户显示全部或部分数据。

  • Controller −它是控制模型与视图之间交互的软件代码。

MVC之所以受欢迎是因为它将应用程序逻辑与用户界面层隔离开来,并支持关注点分离。控制器接收对应用程序的所有请求,然后使用模型来准备视图所需的任何数据。然后,视图使用控制器准备的数据来生成最终的可显示响应。MVC抽象可以如下图形表示。

AngularJS MVC

模型(Model)

该模型负责管理应用程序数据。它响应来自视图的请求以及来自控制器以更新自身的指令。

视图(View)

特定格式的数据表示,由控制器决定呈现数据触发。它们是基于脚本的模板系统,例如JSP,ASP,PHP,并且非常易于与AJAX技术集成。

控制器(Controller)

控制器响应用户输入并在数据模型对象上执行交互。控制器接收输入,对其进行验证,然后执行修改数据模型状态的业务操作。

AngularJS是一个基于MVC的框架。在接下来的章节中,我们将看到AngularJS如何使用MVC方法。