mvc开发模式以及在angularjs中的使用

1.概念:MVC是一种开发模式,由模型(Model)、视图(View)、控制器(Controller)3部分构成,采用这种开发模式为合理组织代码提供了方便、降低了代码间的耦合度、功能结构清晰可见。

2.模型(Model)一般用来处理数据(读取/设置),一般指操作数据库。
  视图(View)一般用来展示数据,比如通过HTML展示。

  控制器(Controller)一般用做连接模型和视图的桥梁。

mvc开发模式以及在angularjs中的使用

3.使用AngularJS构建应用(App)时是以模块化(Module)的方式组织的,即将整个应用划分成若干模块,每个模块都有各自     的职责,最终组合成一个整体。

采用模块化的组织方式,可以最大程度的实现代码的复用,可以像搭积木一样进行开发。

(1)定义应用

通过为任一HTML标签添加ng-app属性,可以指定一个应用,表示此标签所包裹的内容都属于应用(App)的一部分。

mvc开发模式以及在angularjs中的使用

注:应用(App)其本质也是一个模块(一个比较大的模块)

(2)定义控制器

控制器(Controller)作为连接模型(Model)和视图(View)的桥梁存在,所以当我们定义好了控制器以后也就定义好了模型和视图。

mvc开发模式以及在angularjs中的使用

(3)模型(Model)数据是要展示到视图(View)上的,所以需要将控制器(Controller)关联到视图(View)上,通过为HTML标签添加ng-controller属性并赋值相应的控制器(Controller)的名称,就确立了关联关系。

mvc开发模式以及在angularjs中的使用