1、照着昨天的思路使用ng-model进行双向绑定，实现对input框内用户名、密码信息的实时验证。任务未具体进行验证要求，只简单做了位数的提升和未填写提示。

<input  type="password" name="password" placeholder="密码"  ng-model="userData.password" required  ng-minlength="6"  ng-maxlength="32"></div>
<p class="tip-2"  ng-if="loginForm.password.$error.required&&loginForm.password.$touched">密码不能为空</p>
<p class="tip-2" ng-if="(loginForm.password.$error.minlength||loginForm.password.$error.maxlength)&&loginForm.id.$touched">密码长度为6-32位</p>

2、AngularJS $http

AngularJS $http 是一个用于读取web服务器上数据的服务。

$http.get(url) 是用于读取服务器数据的函数。

<div ng-app="" ng-controller="customersController"> 

<ul>

  <li ng-repeat="x in names">

    {{ x.Name + ', ' + x.Country }}

  </li>

</ul>

</div>

<script>

function customersController($scope,$http) {

    $http.get("/statics/demosource/Customers_JSON.php")

    .success(function(response) {$scope.names = response;});

}

</script>

应用解析:

AngularJS 应用通过 ng-app 定义。应用在 <div> 中执行。

ng-controller 指令设置了 controller 对象 名。

函数 customersController 是一个标准的 JavaScript 对象构造器。

控制器对象有一个属性: $scope.names。

$http.get() 从web服务器上读取静态 JSON 数据。

服务器数据文件为：  /statics/demosource/Customers_JSON.php。

当从服务端载入 JSON 数据时，$scope.names 变为一个数组。

3、MVC

 MVC是 模型(Model),视图(View)和控制（Controller)的缩写，其目的实现Web系统的职能分工。

其中Model层实现系统中的业务逻辑，通常可以用JavaBean或EJB来实现；

 View层用于与用户的交互，通常用JSP来实现；

 Controller层是Model与View之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示，

同时它也可以解释用户的输入并将它们映射为模型层可执行的操作。

MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，

用于组织代码用一种业务逻辑和数据显示分离的方法，这个方法的假设前提是如果业务逻辑被聚集到一个部件里面，

而且界面和用户围绕数据的交互能被改进和个性化定制而不需要重新编写业务逻辑MVC被独特的发展起来用于映射传统的输入、

处理和输出功能在一个逻辑的图形化用户界面的结构中。

[1]　 　　MVC开始是存在于Desktop程序中的，M是指数据模型，V是指用户界面，C则是控制器，

使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。

比如一批统计数据可以分别用柱状图、饼图来表示。

C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。[2-3] 　　

模型－视图－控制器（MVC）是Xerox PARC在二十世纪八十年代为编程语言Smalltalk－80发明的一种软件设计模式，已被广泛使用。

后来被推荐为Oracle旗下Sun公司Java EE平台的设计模式，并且受到越来越多的使用 ColdFusion 和 PHP 的开发者的欢迎。

模型－视图－控制器模式是一个有用的工具箱，它有很多好处，但也有一些缺点。

[4]编辑本段三层架构　　MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。

使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。 

收获：双向绑定+表单验证及简单的AngularJS指令有些许掌握并开始应用。看了$http获取数据，后面的任务也已经有思路进行。

困难：未知的知识，从初渉到上手应用总是一个艰辛的过程。

计划：今天看看，能否完成任务7大部分框架结构。