目录
目 录
入 门 篇
第1章 Bootstrap基础t2
1.1 概述t2
1.2 Bootstrap开发环境t3
1.2.1 Bootstrap的安装t3
1.2.2 Bootstrap的加载t5
1.3 Bootstrap 常用工具t6
1.3.1 Bootstrap代码编辑工具t6
1.3.2 Bootstrap设计工具——Layout ITt7
1.4 Bootstrap 布局t8
1.4.1 HTML标准模板t8
1.4.2 自定义CSSt10
1.4.3 响应式布局的实现t12
1.4.4 禁用响应式布局t16
1.5 小结t16
第2章 JavaScript基础t17
2.1 概述t17
2.2 JavaScript 语法t17
2.2.1 变量中的声明与赋值t18
2.2.2 如何判断两个字符串是否相等t19
2.2.3 创建JavaScript对象的三种方法t21
2.2.4 函数声明与函数表达式t23
2.2.5 可立即调用的函数表达式t25
2.2.6 循环的实现t27
2.2.7 防止JavaScript自动插入分号t28
2.2.8 严格模式t29
2.3 如何运行与调试JavaScript代码t30
2.3.1 把JavaScript代码内嵌到HTML页面中t30
2.3.2 通过Node.js运行JavaScript代码t31
2.4 JavaScript的面向对象设计思想t32
2.5 JavaScript的异步编程模式t33
2.5.1 Promise对象t34
2.5.2 生成Promise实例对象t34
2.5.3 Promise原型方法t35
2.5.4 Promise的catch方法t36
2.5.5 Promise在Node.js中的应用t37
2.6 如何在HTML中嵌入JavaScriptt37
2.6.1 <script>标签t37
2.6.2 <script>标签的位置t38
2.6.3 嵌入JavaScript代码与外部文件引用t39
2.7 JavaScript与JSONt39
2.7.1 JSON概述t39
2.7.2 什么是JSONt40
2.7.3 JSON语法规则t40
2.8 小结t42
基 础 篇
第3章 Node.js入门指南t44
3.1 概述t44
3.2 Node.js生态t44
3.3 Node开发环境的搭建t45
3.4 Node.js验证t45
3.5 *个Node.js工程t46
3.5.1 创建Node.js工程t46
3.5.2 运行Node.js工程t47
3.6 Node.js的module应用t50
3.7 Node.js 编码规范t52
3.8 小结t53
第4章 Express——后端框架t54
4.1 概述t54
4.2 *个Express工程t54
4.2.1 Express工程的创建t54
4.2.2 Express的路由t55
4.2.3 Express的中间件t56
4.2.4 设置静态目录t57
4.3 Express中的Cookie与Sessiont58
4.3.1 Cookie是如何工作的t58
4.3.2 Session是什么t58
4.3.3 为什么需要Sessiont59
4.3.4 Session应用场景t59
4.4 Express中的网络请求方法t59
4.4.1 req.paramst60
4.4.2 req.queryt61
4.4.3 req.bodyt61
4.4.4 网络请求方法t61
4.5 Express中的GET与POST请求t62
4.5.1 GET请求t62
4.5.2 post请求t62
4.6 通过Express 实现登录页面t63
4.6.1 get请求验证t66
4.6.2 post请求验证t68
4.7 小结t69
第5章 Express的模板引擎t70
5.1 模板引擎概述t70
5.1.1 什么是模板引擎t70
5.1.2 模板引擎的选择t71
5.1.3 服务器端模板引擎t71
5.2 模板引擎的种类t72
5.2.1 模板引擎Jadet72
5.2.2 模板引擎Handlebarst73
5.2.3 模板引擎EJSt73
5.3 Express中的EJSt73
5.3.1 创建工程Express工程t74
5.3.2 引入工程的依赖包(dependency)t74
5.3.3 启动应用t76
5.3.4 EJS模板引擎的触发t77
5.4 小结t78
第6章 AngularJS——Google前端框架t79
6.1 AngularJS概述t79
6.2 AngularJS 常用指令t81
6.2.1 AngularJS 指令概述t81
6.2.2 AngualrJS指令:ng-appt81
6.2.3 AngularJS指令:ng-initt82
6.2.4 AngularJS表达式t82
6.2.5 AngularJS指令:ng-modelt83
6.2.6 ng-app与ng-model示例t83
6.2.7 ng-app与ng-model常见错误分析t84
6.2.8 {{ }}的应用t85
6.2.9 指令:ng-bindt86
6.2.10 指令:ng-clickt86
6.3 AngularJS构建单页面应用t86
6.3.1 单页面应用的优势t86
6.3.2 轻松构建单页面应用t88
6.3.3 单页面应用的实现t89
6.4 AngularJS的加载t93
6.4.1 AngularJS的引用t93
6.4.2 加载AngularJS静态资源库t94
6.5 AngularJS 的注入t94
6.5.1 依赖注入t94
6.5.2 依赖注入的行内声明t97
6.6 AngularJS 的Modulet99
6.6.1 AngularJS Module 概述t99
6.6.2 AngularJS的Module 应用t100
6.7 AngularJS 控制器t102
6.7.1 控制器命名方法t102
6.7.2 AngularJS 控制器的创建t102
6.7.3 AngularJS控制器的应用t103
6.8 AngularJS的数据绑定t105
6.9 $scope用法t106
6.10 小结t109
第7章 MongoDB——文档数据库t110
7.1 MongoDB概述t110
7.1.1 MongoDB简介t110
7.1.2 MongoDB的历史t110
7.1.3 MongoDB的优势t111
7.1.4 MongoDB的安装t111
7.1.5 启动MongoDBt112
7.2 数据库存储机制t112
7.2.1 关系型数据库t112
7.2.2 NoSQL数据库t112
7.3 MongoDB数据结构t113
7.3.1 文档t113
7.3.2 集合t114
7.3.3 MongoDB存储格式——BSONt115
7.4 Mongo Shellt116
7.4.1 Mongo Shell简介t116
7.4.2 运行Mongo Shellt116
7.4.3 Mongo Shell基本操作t117
7.5 MongoDB文档操作t118
7.5.1 创建一个文档t118
7.5.2 查询所有文档t118
7.5.3 查询某一个文档t119
7.5.4 文档的更新t120
7.5.5 文档的删除t120
7.5.6 删除集合t121
7.6 _id和ObjectIdt121
7.7 MongoDB管理工具t121
7.7.1 MongoDB可视化工具——Robomongot121
7.7.2 Robomongo的安装t122
7.8 用mongoose操作MongoDBt125
7.8.1 mongoose概述t125
7.8.2 初识mongooset125
7.8.3 mongoose的安装t126
7.8.4 mongoose连接数据库t126
7.8.5 Schemat127
7.8.6 Model及其操作t127
7.9 小结t132
实 战 篇
第8章 应用实例1——用户管理t134
8.1 概述t134
8.2 实现的思路t135
8.3 Node.js工程结构t135
8.3.1 创建一个Node服务t136
8.3.2 构建index.html页面t136
8.3.3 构建AngularJS页面t137
8.3.4 构建controller数据t138
8.3.5 构建路由t138
8.3.6 连接MongoDBt140
8.4 简单的用户管理操作t142
8.4.1 增加一条记录t142
8.4.2 删除一条记录t144
8.4.3 编辑与更新一条记录t146
8.4.4 $set与$unset的应用t149
8.5 小结t150
第9章 应用实例2——登录管理t151
9.1 概述t151
9.2 安装Expresst151
9.3 创建Express工程t151
9.4 构建登录页面t157
9.4.1 构建登录的静态页面t157
9.4.2 构建路由t159
9.4.3 添加路由中间件t161
9.5 构建注册页面t161
9.5.1 静态页面的创建t161
9.5.2 构建注册页面的路由t163
9.5.3 添加路由中间件t166
9.6 小结t166
第10章 应用实例3——记事本t167
10.1 概述t167
10.2 实现思路t168
10.3 构建AngularJS应用t168
10.3.1 控制器t169
10.3.2 模块t171
10.3.3 模板t172
10.3.4 布局模板t172
10.3.5 路由t173
10.3.6 工厂方法t175
10.3.7 页面跳转t177
10.3.8 $routeProvidert180
10.3.9 过滤器t182
10.3.10 $index的应用t184
10.3.11 控制器之间的传值t185
10.3.12 $rootScopet185
10.3.13 使用$watch监控数据模型的变化t186
10.4 创建Express工程t189
10.5 创建MongoDBt190
10.5.1 连接MongoDBt190
10.5.2 创建mongoose的modelt191
10.6 创建RESTful APIt191
10.6.1 GET请求t191
10.6.2 POST请求t192
10.6.3 查找指定的对象t193
10.6.4 更新t194
10.6.5 删除t194
10.7 构建MEAN工程t194
10.7.1 路由t194
10.7.2 构建动态页面t196
10.7.3 $http的应用t196
10.7.4 基于$http的工厂方法t197
10.7.5 RESTful API的调用t198
10.7.6 基于$resource的工厂方法t199
10.7.7 创建一条记录t199
10.7.8 查看记录详情t201
10.7.9 更新记录t203
10.7.10 删除记录t206
10.7.11 运行结果t207
10.8 小结t208
第11章 应用实例4——商品管理t210
11.1 概述t210
11.2 实现思路t211
11.2.1 开发环境的搭建t211
11.2.2 创建Express工程t211
11.2.3 安装Monkt212
11.3 数据库管理t212
11.3.1 构建数据库模拟数据t213
11.3.2 通过Express创建访问数据库的APIt213
11.4 重构页面t219
11.4.1 引入AngularJSt219
11.4.2 通过AngularJS重构首页t220
11.4.3 控制器的实现t222
11.4.4 when方法t225
11.4.5 $resource的调用t225
11.4.6 文档对象的创建t226
11.4.7 $location的应用t233
11.4.8 文档对象的编辑t234
11.4.9 $routeParams的应用t242
11.4.10 文档对象的删除t243
11.5 小结t245
参考文献t247
内容介绍
全栈(Full Stack)是一种全新的以前端为主导的框架,框架选型聚焦在MEAN(MongoDB、Express、AngularJS、Node.js)上。选用MEAN全栈技术,可以快速地实现敏捷开发,尤其是到了产品的运营阶段,其优势表现得非常明显。本书主要介绍MEAN全栈技术,分为入门篇、基础篇和实战篇,入门篇对全栈进行了概述,基础篇重点介绍了全栈的四个主要技术,即MongoDB、Express、AngularJS、Node.js,实战篇则通过四个常用的实例来引导读者循序渐进地掌握全栈开发的思路。本书重在讲述全栈开发的思想,自始至终延续这样的一个主题:如何通过一种框架(MEAN全栈),将前端和后台(端)贯穿起来,让前端工程师快速上手。
作者介绍
和凌志,客座教授,工信部人才交流中心认证讲师;拥有十多年移动互联网开发经验,先后在 Siemens Mobile、 Flextronics 等欧美公司担任手机软件架构师。2014年, 为北京高校录制慕课“iOS企业级应用开发技术”。近几年,专注于全栈技术开发, 代表产品有点时APP ——轻量级知识分享平台。
评论晒单