一、基本概念


软件设计原则

  - 不论是桌面应用还是Web应用，在进行设计编码时应该遵守一定的设计原则

AngularJS之基础-1 简介(基本概念、环境搭建)_第1张图片


软件设计模式

  - 设计模式

    Design Pattern，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式用于已于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络，如同大厦的结构一样

  - 23+1中设计模式

    工厂模式、抽象工厂模式、建造者模式、原型模式、单例模式、适配器模式、桥接模式、组合模式、装饰模式、门面模式、享元模式、代理模式、职责链模式、命令模式、解析器模式、迭代器模式、中介模式、备忘录模式、观察者模式、状态模式、策略模式、模板模式、访问者模式、MVC模式


MVC设计模式

  - Model:模型，项目中的数据
  - View:视图，数据的呈现

  - Controller: 控制器，获取模型数据，选择视图加以呈现

AngularJS之基础-1 简介(基本概念、环境搭建)_第2张图片


AngularJS 简介

  - AngularJS 诞生于2009年

  - 由 Misko Hevery 等人创建

  - 后为Google所收购

    wKioL1cEzWzyClGrAAAqIyYoX-Q046.png

  - AngularJS 是一个 JavaScript 框架

  - 致力于开发单页面应用程序(Single Page Application)

  - 易于构建页面CRUD操作

AngularJS之基础-1 简介(基本概念、环境搭建)_第3张图片


二、环境搭建


脚本引用

  - angular.js

  - angular-resource.js

  - angular-route.js

AngularJS之基础-1 简介(基本概念、环境搭建)_第4张图片


页面测试

  - 在页面中测试 AngularJS 是否正常工作

  - 使用ng-app指定作用域

  - 使用表达式输出

      - 12+3 = {{ 12+3 }}

AngularJS之基础-1 简介(基本概念、环境搭建)_第5张图片


总结：本章内容主要介绍了 AngularJS 简介(基本概念、环境搭建)