代码和工具angularjs xiaogao第一章.pptxVIP

Angularjs加入 一起学JAVA讲师：高明鑫angularjs介绍AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等。AngularJS试图成为WEB应用中的一种端对端的解决方案。这意味着它不只是你的WEB应用中的一个小部分，而是一个完整的端对端的解决方案。这会让AngularJS在构建一个CRUD。构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入。提示： Angularjs提供了页面开发更高层次的抽象，简化了应用程序的开发。 同时也损失了一些灵活性，所以，游戏，图形编辑等网页应用不适合使用Angularjs来实现。Angular介绍AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序（SPAs：Single Page Applications）。第一个练习： helloworld 双向数据绑定代码参考：hello.htmlAngularjs介绍- 双向数据绑定数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定使得代码更少，你可以专注于业务逻辑代码。Angularjs 介绍- 模板和指令 在AngularJS中，html内容会被 再次解析和渲染。所以，本来是静态内容的html标签，变为了动态的页面模块。 HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM当中包含指令的部分，然后增加一些额外的功能。所有的指令都负责针对view来设置数据绑定。AngularJS介绍-MVCMVC 老朋友啦！！职能分工， 各司其职！！当一个html复杂而且庞大时， mvc可以让代码更加的清晰简单！！参考代码： mvc_old.htmlmvc_angular.html msgCtrl.jsangularJS介绍- 服务和依赖注入依赖注入 在spring当中搭建应该接触过！！有了DI，你只需要 饭来张口，衣来伸手，哇哈哈。AngularJS服务其作用就是对外提供某个特定的功能。AngularJS拥有内建的依赖注入（DI）子系统，可以帮助开发人员更容易的开发，理解和测试应用。DI允许你请求你的依赖，而不是自己找寻它们。比如，我们需要一个东西，DI负责找创建并且提供给我们。AngularJS介绍- 指令 directive指令 听着不好理解！！学习过 jsp 的自定义标签不？ 没有用过struts2的UI标签不？ 也没有jstl标签库 c:foreach 总用过吧！！指令相同于我们 后端技术当中的 标签库！！ 封装， 提高代码复用！！ 提高开发效率的利器啊。。AngularJS介绍- 总结AngularJS 从 服务器端的很多技术当中， 借（tou）鉴（xue）了很多思想，如mvc，依赖注入, 单元测试等。 因此对于 我们java程序员来说， 学习起来 会很亲切。