1.不再有Controller和Scope; 2.更好的组件化及代码复用; 3.更好的移动端支持; 4.引入了RxJS与Observable; 5.引入了Zone.js,提供更加智能的变化检测; 6.支持
1. 不再有Controller和Scope;
2. 更好的组件化及代码复用;
3. 更好的移动端支持;
4. 引入了RxJS与Observable;
5. 引入了Zone.js,提供更加智能的变化检测;
6. 支持Typescript。
Angular应用的基础架构如图2.3所示。
图2.3 Angular基础架构
2.1.3 Bootstrap框架
Bootstrap是一个来自于Twitter公司,而且最近几年都非常受欢迎的前端UI框架。Bootstrap是基于HTML,CSS和JavaScript的进行开发的,使用起来非常简单。Bootstrap提供了一系列的CSS和HTML规范,开发者进行开发时可以快速绑定CSS样式或者使用JavaScript特效,几乎改变了Web UI设计的模式,所以,它一经推出就大受欢迎,并且一直是GitHub上的热门开源项目。
Angular Bootstrap包含所有由Angular提供支持的核心Bootstrap组件,使用Angular Bootstrap不需要包含原始的Javascript组件,但是需要提供原始的CSS文件。Angular Bootstrap可以在Angular应用程序上实现Bootstrap的一系列界面美化效果,可以使项目开发更加简单,便捷。
2.2工具介绍
2.2.1 Maven介绍
Maven是一个软件项目管理工具,通过使用Maven,开发人员能够使用XML语句来管理一个项目依赖的JAR包,生成项目的报告或文档。
Maven中包含了项目对象的模型,项目的生命周期,可以对依赖进行管理的系统,一组标准集合等等。
使用Maven的Java Web项目中,通常通过pom.xml文件来描述项目信息,而在这个文件里,也可以编写一些自定义的逻辑。
在管理项目报告、项目依赖的JAR包和生成站点等等方面,Maven都是非常方便的。
2.2.2 Angular CLI介绍
Angular CLI是一个命令行接口,是用来实现Angular项目的自动化开发工作流程。它拥有以下这些功能:
1. 创建一个新的Angular应用程序;
2. 运行支持LiveReload的开发服务器,以便在开发过程中预览应用程序;
3. 添加功能到现有的Angular应用程序;
4. 运行应用程序的单元测试;
5. 运行应用程序的E2E测试;
6. 通过Webpack打包应用程序。