Angular应用程序开发指南

作者
成龙
丛书名
出版社
人民邮电出版社
ISBN
9787115524362
简要
简介
内容简介书籍计算机书籍 《Angular应用程序开发指南》主要介绍如何用 Web 前端框架 Angular 开发应用程序。书中先介绍Angular的发展历程和基础概念,帮助读者了解Angular框架并打好坚实的基础;然后以“天天菜园”蔬菜订购应用程序为例,将理论讲解落实到代码实现上,带领读者真正体验用Angular开发应用程序的全过程;*后介绍用于实现自动化开发工作流程的命令行接 口Angular CLI,帮助读者用所学知识构建新的应用程序。本书既涵盖Angular的基础内容,又通过真实的项目实例展现了应用程序的开发过程,非常适合对 Angular 框架感兴趣的前端开发人员作为自学教程。
目录
第 1章 初识Angular\t1


1.1 JavaScript的诞生\t1


1.2 AngularJS的诞生\t1


1.3 从AngularJS到Angular 2\t2


1.4 从Angular 2到Angular\t2


1.5 Angular是一个框架\t3


1.6 小结\t4


第 2章 准备工作\t5


2.1 跨平台的开发环境\t5


2.1.1 Node.js\t5


2.1.2 Visual Studio Code\t8


2.1.3 TypeScript编译器\t10


2.1.4 调试TypeScript代码\t14


2.1.5 Express\t18


2.2 了解模块\t22


2.2.1 通用模块\t22


2.2.2 ECMAScript模块\t31


2.3 小结\t33


第3章 TypeScript语法基础\t34


3.1 基础概念\t34


3.1.1 模块\t34


3.1.2 变量和常量\t39


3.1.3 基础类型\t41


3.1.4 类型断言\t51


3.2 函数\t53


3.2.1 函数参数\t53


3.2.2 函数的返回类型\t57


3.2.3 函数类型\t58


3.2.4 函数的重载\t63


3.2.5 箭头函数\t64


3.3 类\t67


3.3.1 实例成员\t68


3.3.2 静态成员\t73


3.3.3 可选成员\t76


3.3.4 索引\t78


3.3.5 继承\t79


3.3.6 可访问性\t86


3.3.7 抽象类\t92


3.4 小结\t95


第4章 TypeScript进阶\t96


4.1 类型和接口\t96


4.1.1 常用类型\t96


4.1.2 特殊类型\t104


4.1.3 接口\t107


4.1.4 运行时类型判断\t113


4.2 泛型\t120


4.2.1 泛型函数\t121


4.2.2 泛型类\t122


4.2.3 泛型接口\t125


4.2.4 类型推断\t127


4.2.5 类型约束\t128


4.3 装饰器\t129


4.3.1 元数据\t130


4.3.2 reflect-metadata\t134


4.3.3 属性装饰器\t137


4.3.4 类装饰器\t142


4.3.5 其他装饰器\t153


4.3.6 装饰器工厂\t155


4.4 小结\t160


第5章 TypeScript补充\t161


5.1 模块\t161


5.1.1 导出\t161


5.1.2 导入\t164


5.1.3 模块解析\t168


5.1.4 模块扩展\t176


5.2 命名空间\t178


5.2.1 全局命名空间\t179


5.2.2 模块内的命名空间\t181


5.2.3 global扩展\t183


5.2.4 Node.js全局作用域\t188


5.3 声明文件\t191


5.3.1 环境上下文\t192


5.3.2 编写声明文件\t194


5.3.3 环境模块\t198


5.3.4 使用JavaScript包\t200


5.3.5 TypeScript库\t205


5.4 项目配置\t208


5.5 小结\t209


第6章 Angular基础概念\t210


6.1 Angular应用程序的组成部分\t210


6.1.1 组件\t211


6.1.2 模板\t212


6.1.3 数据绑定\t213


6.1.4 服务\t214


6.1.5 指令\t215


6.1.6 管道\t216


6.1.7 模块\t217


6.2 创建一个Angular应用程序\t218


6.2.1 准备工作\t219


6.2.2 编写应用程序代码\t224


6.2.3 启动应用程序\t229


6.2.4 创建过程回顾\t235


6.3 Angular和MVC\t236


6.3.1 MVC\t236


6.3.2 MVVM\t238


6.3.3 Angular中的MVC\t238


6.4 小结\t240


第7章 天天菜园:一个真实的Angular应用程序\t241


7.1 创建项目\t241


7.2 服务:领域模型\t245


7.3 组件:应用逻辑\t246


7.4 模板:展示逻辑\t248


7.4.1 指令\t249


7.4.2 数据绑定\t250


7.4.3 管道\t265


7.5 完善\t268


7.5.1 MVC\t268


7.5.2 常用指令\t269


7.5.3 Bootstrap\t277


7.5.4 根视图\t281


7.6 小结\t285


第8章 天天菜园:商品展示\t286


8.1 创建商品细节视图\t286


8.1.1 重构商品服务\t286


8.1.2 创建商品细节组件\t287


8.1.3 创建商品细节模板和样式\t288


8.1.4 封装商品细节组件\t289


8.2 路由器:构建单页面应用程序\t290


8.2.1 安装和配置路由器包\t291


8.2.2 注册路由项\t292


8.2.3 使用路由器链接指令\t294


8.2.4 设置路由器出口\t295


8.2.5 设置<base>标签\t296


8.2.6 刷新商品细节视图\t298


8.2.7 美化商品细节视图\t300


8.3 领域模块:划分领域\t304


8.3.1 创建商品领域\t304


8.3.2 转移商品领域代码\t305


8.3.3 创建商品领域模块\t306


8.3.4 导入商品领域模块到根模块\t307


8.3.5 导入Angular模块到商品领域模块\t307


8.4 路由配置模块:配置领域路由\t308


8.4.1 创建商品领域路由配置模块\t310


8.4.2 导入商品领域路由配置模块到商品领域模块\t311


8.4.3 创建应用程序根路由配置模块\t312


8.4.4 导入应用程序根路由配置模块到应用程序根模块\t312


8.5 依赖注入:管理服务\t313


8.5.1 注册商品服务\t314


8.5.2 为商品列表组件注入商品服务\t316


8.5.3 为商品细节组件注入商品服务\t317


8.6 综合运用:传递业务参数\t318


8.6.1 附加商品ID到目标path\t318


8.6.2 配置匹配商品ID的路由参数\t319


8.6.3 获取目标path中的商品ID\t320


8.6.4 完善\t323


8.7 小结\t324


第9章 天天菜园:客户中心(上)\t325


9.1 客户领域模块:复习巩固\t325


9.1.1 创建客户领域\t325


9.1.2 创建客户领域模型\t326


9.1.3 创建客户组件\t328


9.1.4 创建视图相关文件\t331


9.1.5 创建客户领域路由配置模块\t334


9.1.6 创建客户领域模块\t335


9.1.7 导入客户领域模块到根模块\t336


9.1.8 导航到客户视图\t337


9.2 路由加载模块:提高应用程序启动效率\t338


9.2.1 路由加载客户领域模块\t339


9.2.2 重新导航到客户视图\t341


9.2.3 模块和依赖注入器\t343


9.3 表单(上):双向数据绑定\t347


9.3.1 安装和配置表单包\t347


9.3.2 导入表单模块到客户领域模块\t348


9.3.3 提交客户表单\t349


9.3.4 绑定客户表单\t351


9.3.5 进行注册和登录\t356


9.4 小结\t357


第 10章 天天菜园:客户中心(下)\t358


10.1 表单(下):验证用户输入\t358


10.1.1 客户表单验证\t358


10.1.2 提示表单验证规则\t365


10.2 Web API:真实的服务端\t375


10.2.1 Web API列表\t375


10.2.2 Web API实现\t378


10.2.3 Web API注册\t381


10.2.4 获取请求体\t383


10.3 HttpClient:与Web服务端通信\t384


10.3.1 重构客户服务\t385


10.3.2 重构客户组件\t396


10.3.3 重构商品服务\t399


10.3.4 重构商品组件\t401


10.4 小结\t402


第 11章 天天菜园:购物车\t404


11.1 Web API:服务端支持\t404


11.1.1 Web API列表\t404


11.1.2 Web API实现\t409


11.1.3 Web API注册\t415


11.2 重构商品领域模块:添加商品到购物车\t417


11.2.1 重构商品领域模块\t417


11.2.2 重构商品服务\t417


11.2.3 重构商品细节组件\t418


11.2.4 重构商品细节模板\t419


11.2.5 重构商品细节样式\t420


11.3 购物车领域模块:一次完整的领域实现体验\t421


11.3.1 创建购物车领域\t422


11.3.2 创建购物车领域模型\t422


11.3.3 创建购物车组件\t424


11.3.4 创建购物车视图文件\t427


11.3.5 创建购物车领域路由配置模块\t430


11.3.6 创建购物车领域模块\t430


11.3.7 加载购物车领域模块\t431


11.3.8 导航到购物车视图\t432


11.4 事件绑定:处理用户交互\t433


11.4.1 增加或减少购物车商品数量\t434


11.4.2 删除购物车商品\t436


11.4.3 直接修改购物车商品数量\t437


11.5 嵌套组件:构建复杂应用程序\t441


11.5.1 重构商品服务\t442


11.5.2 重构商品列表组件\t442


11.5.3 重构商品列表模板\t443


11.5.4 传递搜索参数\t444


11.5.5 创建商品搜索组件\t446


11.5.6 重构购物车领域模块\t448


11.5.7 显示商品搜索视图\t448


11.5.8 强化商品搜索组件\t450


11.6 小结\t453


第 12章 天天菜园:完善(上)\t455


12.1 部件模块:封装共享组件\t455


12.2 Subject:模块间通信\t463


12.2.1 同步购物车商品总数(上)\t464


12.2.2 同步购物车商品总数(中)\t468


12.2.3 Observable vs. Subject \t470


12.3 服务模块:封装共享服务\t482


12.3.1 同步购物车商品总数(下)\t482


12.3.2 同步登录客户姓名\t485


12.3.3 完善同步\t489


12.3.4 五种特性模块的比较\t493


12.4 小结\t493


第 13章 天天菜园:完善(下)\t494


13.1 保护购物车视图\t494


13.1.1 创建路由守卫\t494


13.1.2 注册路由守卫\t496


13.1.3 应用路由守卫\t496


13.2 保护登录客户元素\t497


13.2.1 创建登录验证指令\t497


13.2.2 封装登录验证指令\t498


13.2.3 运用登录验证指令\t499


13.3 共享消息提示\t500


13.3.1 创建消息提示服务\t501


13.3.2 注册消息提示服务\t501


13.3.3 创建消息提示组件\t502


13.3.4 封装消息提示组件\t503


13.3.5 发送提示消息\t504


13.3.6 显示提示消息\t505


13.4 简化消息提示\t507


13.4.1 创建消息提示组件\t507


13.4.2 重构消息提示服务\t508


13.4.3 创建UI服务模块\t510


13.4.4 导入UI服务模块到根模块\t511


13.4.5 显示消息提示\t511


13.5 确认提示\t514


13.5.1 创建确认提示组件\t514


13.5.2 创建确认提示服务\t515


13.5.3 注册确认提示服务\t517


13.5.4 显示确认提示\t517


13.6 动画\t519


13.6.1 安装Angular动画包\t519


13.6.2 搜索按钮动画\t520


13.6.3 购物车商品删除动画\t524


13.6.4 路由过渡动画\t531


13.7 小结\t538


第 14章 使用Angular CLI\t539


14.1 构建已有应用程序\t540


14.1.1 安装Angular CLI\t540


14.1.2 安装Angular编译器\t540


14.1.3 选择要打包的垫片\t541


14.1.4 创建Angular工作空间配置文件\t542


14.1.5 不执行预先编译的构建\t544


14.1.6 执行预先编译的构建\t551


14.1.7 用于生产的构建\t553


14.1.8 完善\t556


14.2 开发新的应用程序\t558


14.2.1 创建应用程序\t558


14.2.2 启动应用程序\t564


14.2.3 添加功能\t565


14.2.4 使用语言服务\t572


14.2.5 构建应用程序\t573


14.3 小结\t574








有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4