全栈开发之道

全栈开发之道

出版信息

和凌志 / 电子工业出版社 / 68.00元

内容简介

全栈(Full Stack)是一种全新的以前端为主导的框架,框架选型聚焦在MEAN(MongoDB、Express、AngularJS、Node.js)上。选用MEAN全栈技术,可以快速地实现敏捷开发,尤其是到了产品的运营阶段,其优势表现得非常明显。本书主要介绍MEAN全栈技术,分为入门篇、基础篇和实战篇,入门篇对全栈进行了概述,基础篇重点介绍了全栈的四个主要技术,即MongoDB、Express、AngularJS、Node.js,实战篇则通过四个常用的实例来引导读者循序渐进地掌握全栈开发的思路。本书重在讲述全栈开发的思想,自始至终延续这样的一个主题:如何通过一种框架(MEAN全栈),将前端和后台(端)贯穿起来,让前端工程师快速上手。

作者简介

和凌志,客座教授,工信部人才交流中心认证讲师;拥有十多年移动互联网开发经验,先后在 Siemens Mobile、 Flextronics 等欧美公司担任手机软件架构师。2014年, 为北京高校录制慕课“iOS企业级应用开发技术”。近几年,专注于全栈技术开发, 代表产品有点时APP ——轻量级知识分享平台

目录

入 门 篇
第1章 Bootstrap基础 2
1.1 概述 2
1.2 Bootstrap开发环境 3
1.2.1 Bootstrap的安装 3
1.2.2 Bootstrap的加载 5
1.3 Bootstrap 常用工具 6
1.3.1 Bootstrap代码编辑工具 6
1.3.2 Bootstrap设计工具——Layout IT 7
1.4 Bootstrap 布局 8
1.4.1 HTML标准模板 8
1.4.2 自定义CSS 10
1.4.3 响应式布局的实现 12
1.4.4 禁用响应式布局 16
1.5 小结 16
第2章 JavaScript基础 17
2.1 概述 17
2.2 JavaScript 语法 17
2.2.1 变量中的声明与赋值 18
2.2.2 如何判断两个字符串是否相等 19
2.2.3 创建JavaScript对象的三种方法 21
2.2.4 函数声明与函数表达式 23
2.2.5 可立即调用的函数表达式 25
2.2.6 循环的实现 27
2.2.7 防止JavaScript自动插入分号 28
2.2.8 严格模式 29
2.3 如何运行与调试JavaScript代码 30
2.3.1 把JavaScript代码内嵌到HTML页面中 30
2.3.2 通过Node.js运行JavaScript代码 31
2.4 JavaScript的面向对象设计思想 32
2.5 JavaScript的异步编程模式 33
2.5.1 Promise对象 34
2.5.2 生成Promise实例对象 34
2.5.3 Promise原型方法 35
2.5.4 Promise的catch方法 36
2.5.5 Promise在Node.js中的应用 37
2.6 如何在HTML中嵌入JavaScript 37
2.6.1 <script>标签 37
2.6.2 <script>标签的位置 38
2.6.3 嵌入JavaScript代码与外部文件引用 39
2.7 JavaScript与JSON 39
2.7.1 JSON概述 39
2.7.2 什么是JSON 40
2.7.3 JSON语法规则 40
2.8 小结 42
基 础 篇
第3章 Node.js入门指南 44
3.1 概述 44
3.2 Node.js生态 44
3.3 Node开发环境的搭建 45
3.4 Node.js验证 45
3.5 第一个Node.js工程 46
3.5.1 创建Node.js工程 46
3.5.2 运行Node.js工程 47
3.6 Node.js的module应用 50
3.7 Node.js 编码规范 52
3.8 小结 53
第4章 Express——后端框架 54
4.1 概述 54
4.2 第一个Express工程 54
4.2.1 Express工程的创建 54
4.2.2 Express的路由 55
4.2.3 Express的中间件 56
4.2.4 设置静态目录 57
4.3 Express中的Cookie与Session 58
4.3.1 Cookie是如何工作的 58
4.3.2 Session是什么 58
4.3.3 为什么需要Session 59
4.3.4 Session应用场景 59
4.4 Express中的网络请求方法 59
4.4.1 req.params 60
4.4.2 req.query 61
4.4.3 req.body 61
4.4.4 网络请求方法 61
4.5 Express中的GET与POST请求 62
4.5.1 GET请求 62
4.5.2 post请求 62
4.6 通过Express 实现登录页面 63
4.6.1 get请求验证 66
4.6.2 post请求验证 68
4.7 小结 69
第5章 Express的模板引擎 70
5.1 模板引擎概述 70
5.1.1 什么是模板引擎 70
5.1.2 模板引擎的选择 71
5.1.3 服务器端模板引擎 71
5.2 模板引擎的种类 72
5.2.1 模板引擎Jade 72
5.2.2 模板引擎Handlebars 73
5.2.3 模板引擎EJS 73
5.3 Express中的EJS 73
5.3.1 创建工程Express工程 74
5.3.2 引入工程的依赖包(dependency) 74
5.3.3 启动应用 76
5.3.4 EJS模板引擎的触发 77
5.4 小结 78
第6章 AngularJS——Google前端框架 79
6.1 AngularJS概述 79
6.2 AngularJS 常用指令 81
6.2.1 AngularJS 指令概述 81
6.2.2 AngualrJS指令:ng-app 81
6.2.3 AngularJS指令:ng-init 82
6.2.4 AngularJS表达式 82
6.2.5 AngularJS指令:ng-model 83
6.2.6 ng-app与ng-model示例 83
6.2.7 ng-app与ng-model常见错误分析 84
6.2.8 {{ }}的应用 85
6.2.9 指令:ng-bind 86
6.2.10 指令:ng-click 86
6.3 AngularJS构建单页面应用 86
6.3.1 单页面应用的优势 86
6.3.2 轻松构建单页面应用 88
6.3.3 单页面应用的实现 89
6.4 AngularJS的加载 93
6.4.1 AngularJS的引用 93
6.4.2 加载AngularJS静态资源库 94
6.5 AngularJS 的注入 94
6.5.1 依赖注入 94
6.5.2 依赖注入的行内声明 97
6.6 AngularJS 的Module 99
6.6.1 AngularJS Module 概述 99
6.6.2 AngularJS的Module 应用 100
6.7 AngularJS 控制器 102
6.7.1 控制器命名方法 102
6.7.2 AngularJS 控制器的创建 102
6.7.3 AngularJS控制器的应用 103
6.8 AngularJS的数据绑定 105
6.9 $scope用法 106
6.10 小结 109
第7章 MongoDB——文档数据库 110
7.1 MongoDB概述 110
7.1.1 MongoDB简介 110
7.1.2 MongoDB的历史 110
7.1.3 MongoDB的优势 111
7.1.4 MongoDB的安装 111
7.1.5 启动MongoDB 112
7.2 数据库存储机制 112
7.2.1 关系型数据库 112
7.2.2 NoSQL数据库 112
7.3 MongoDB数据结构 113
7.3.1 文档 113
7.3.2 集合 114
7.3.3 MongoDB存储格式——BSON 115
7.4 Mongo Shell 116
7.4.1 Mongo Shell简介 116
7.4.2 运行Mongo Shell 116
7.4.3 Mongo Shell基本操作 117
7.5 MongoDB文档操作 118
7.5.1 创建一个文档 118
7.5.2 查询所有文档 118
7.5.3 查询某一个文档 119
7.5.4 文档的更新 120
7.5.5 文档的删除 120
7.5.6 删除集合 121
7.6 _id和ObjectId 121
7.7 MongoDB管理工具 121
7.7.1 MongoDB可视化工具——Robomongo 121
7.7.2 Robomongo的安装 122
7.8 用mongoose操作MongoDB 125
7.8.1 mongoose概述 125
7.8.2 初识mongoose 125
7.8.3 mongoose的安装 126
7.8.4 mongoose连接数据库 126
7.8.5 Schema 127
7.8.6 Model及其操作 127
7.9 小结 132
实 战 篇
第8章 应用实例1——用户管理 134
8.1 概述 134
8.2 实现的思路 135
8.3 Node.js工程结构 135
8.3.1 创建一个Node服务 136
8.3.2 构建index.html页面 136
8.3.3 构建AngularJS页面 137
8.3.4 构建controller数据 138
8.3.5 构建路由 138
8.3.6 连接MongoDB 140
8.4 简单的用户管理操作 142
8.4.1 增加一条记录 142
8.4.2 删除一条记录 144
8.4.3 编辑与更新一条记录 146
8.4.4 $set与$unset的应用 149
8.5 小结 150
第9章 应用实例2——登录管理 151
9.1 概述 151
9.2 安装Express 151
9.3 创建Express工程 151
9.4 构建登录页面 157
9.4.1 构建登录的静态页面 157
9.4.2 构建路由 159
9.4.3 添加路由中间件 161
9.5 构建注册页面 161
9.5.1 静态页面的创建 161
9.5.2 构建注册页面的路由 163
9.5.3 添加路由中间件 166
9.6 小结 166
第10章 应用实例3——记事本 167
10.1 概述 167
10.2 实现思路 168
10.3 构建AngularJS应用 168
10.3.1 控制器 169
10.3.2 模块 171
10.3.3 模板 172
10.3.4 布局模板 172
10.3.5 路由 173
10.3.6 工厂方法 175
10.3.7 页面跳转 177
10.3.8 $routeProvider 180
10.3.9 过滤器 182
10.3.10 $index的应用 184
10.3.11 控制器之间的传值 185
10.3.12 $rootScope 185
10.3.13 使用$watch监控数据模型的变化 186
10.4 创建Express工程 189
10.5 创建MongoDB 190
10.5.1 连接MongoDB 190
10.5.2 创建mongoose的model 191
10.6 创建RESTful API 191
10.6.1 GET请求 191
10.6.2 POST请求 192
10.6.3 查找指定的对象 193
10.6.4 更新 194
10.6.5 删除 194
10.7 构建MEAN工程 194
10.7.1 路由 194
10.7.2 构建动态页面 196
10.7.3 $http的应用 196
10.7.4 基于$http的工厂方法 197
10.7.5 RESTful API的调用 198
10.7.6 基于$resource的工厂方法 199
10.7.7 创建一条记录 199
10.7.8 查看记录详情 201
10.7.9 更新记录 203
10.7.10 删除记录 206
10.7.11 运行结果 207
10.8 小结 208
第11章 应用实例4——商品管理 210
11.1 概述 210
11.2 实现思路 211
11.2.1 开发环境的搭建 211
11.2.2 创建Express工程 211
11.2.3 安装Monk 212
11.3 数据库管理 212
11.3.1 构建数据库模拟数据 213
11.3.2 通过Express创建访问数据库的API 213
11.4 重构页面 219
11.4.1 引入AngularJS 219
11.4.2 通过AngularJS重构首页 220
11.4.3 控制器的实现 222
11.4.4 when方法 225
11.4.5 $resource的调用 225
11.4.6 文档对象的创建 226
11.4.7 $location的应用 233
11.4.8 文档对象的编辑 234
11.4.9 $routeParams的应用 242
11.4.10 文档对象的删除 243
11.5 小结 245
参考文献 247

本文地址:https://www.codercto.com/books/d/1434.html

XML、JSON 在线转换

XML、JSON 在线转换

在线XML、JSON转换工具

XML 在线格式化

XML 在线格式化

在线 XML 格式化压缩工具

HEX HSV 转换工具

HEX HSV 转换工具

HEX HSV 互换工具