本书对Web全栈开发的原理和技术进行了系统的介绍，涵盖网站开发与微信小程序开发，书中安排了大量示例。全书共7章，内容包括Web全栈开发概述、Web前端页面开发、Node.js后端开发、浏览器端JavaScript、Vue.js前端开发、微信小程序开发基础、小程序与后端的交互实现。 本书可作为高等院校相关专业Web开发、Web工程设计、网站开发等课程的教材，也可供从事Web后端开发、Web全栈开发的人员作为参考书。

唐四薪，独立编著计算机类教材17部。

目 录
前言

第1章 Web全栈开发概述1
1.1 Web产品的特性1
1.1.1 网站1
1.1.2 微信小程序2
1.1.3 手机APP4
1.2 Web开发的范畴与步骤5
1.2.1 Web开发的范畴5
1.2.2 Web开发的步骤6
1.3 网站的创建和制作流程8
1.3.1 网站的特征8
1.3.2 网站的开发步骤9
1.3.3 网站的开发工具11
1.4 Web交互模型12
1.4.1 服务器12
1.4.2 浏览器14
1.4.3 JSON数据格式15
1.4.4 Web数据传输标准17
习题18
第2章 Web前端页面开发19
2.1 HTML519
2.1.1 HTML文档的结构19
2.1.2 插入文本和图像20
2.1.3 定义超链接21
2.2 CSS22
2.2.1 CSS的基本语法22
2.2.2 引入CSS23
2.2.3 选择器的分类24
2.2.4 CSS盒子模型28
2.2.5 浮动和定位属性29
2.3 响应式布局33
2.3.1 媒体查询33
2.3.2 流式布局34
2.3.3 自适应图片36
2.3.4 flex布局39
2.3.5 响应式网页的头部代码设置43
2.3.6 CSS变量43
2.4 船山研究网站前端页面的制作44
2.4.1 首页的设计与实现45
2.4.2 列表页的设计与实现48
2.4.3 内容页的设计与实现50
习题51
第3章 Node.js后端开发54
3.1 ECMAScript 6语言基础54
3.1.1 变量和常量的声明54
3.1.2 箭头函数55
3.1.3 模板字符串57
3.2 Node.js基础57
3.2.1 安装Node.js及其模块58
3.2.2 创建Node.js网站服务器59
3.2.3 响应GET请求60
3.2.4 响应POST请求62
3.3 Express核心功能63
3.3.1 定义中间件64
3.3.2 定义静态资源目录64
3.3.3 读取和写入本地文件65
3.3.4 定义模块化路由66
3.3.5 使用网页模板68
3.4 Node.js访问数据库70
3.4.1 数据库的基本概念70
3.4.2 MySQL数据库的使用71
3.4.3 使用Navicat for MySQL管理数据库72
3.4.4 Node.js连接数据库74
3.5 SQL的使用75
3.5.1 select语句75
3.5.2 数据操纵语句78
3.5.3 SQL字符串中含有变量的情况79
3.6 船山研究网站动态化81
3.6.1 搭建Express项目环境81
3.6.2 制作网站模板文件82
3.6.3 首页的数据绑定83
3.6.4 内容页的数据绑定88
3.6.5 列表页的数据绑定89
3.6.6 列表页的分页功能90
3.7 网站后台的制作93
3.7.1 后台管理首页的制作93
3.7.2 添加文章的实现94
3.7.3 修改记录的实现95
3.7.4 删除文章的实现97
3.7.5 批量删除的实现97
3.7.6 用户登录的实现98
习题101
第4章 浏览器端JavaScript103
4.1 JavaScript事件编程103
4.1.1 JavaScript的代码结构103
4.1.2 常用JavaScript事件104
4.1.3 事件监听程序105
4.2 JavaScript DOM编程107
4.2.1 动态效果的实现107
4.2.2 获取指定元素108
4.2.3 访问元素的CSS属性109
4.2.4 访问元素的内容110
4.2.5 使用浏览器对象110
4.3 jQuery基础113
4.3.1 jQuery的功能和使用113
4.3.2 jQuery中的“$”114
4.3.3 jQuery对象与DOM对象117
4.3.4 jQuery的选择器118
4.3.5 jQuery的事件绑定119
4.3.6 jQuery中的常用方法120
4.3.7 jQuery应用举例120
4.4 Ajax技术基础122
4.4.1 浏览器发送HTTP请求的3种方式122
4.4.2 载入页面的传统方法125
4.4.3 XMLHttpRequest对象工作过程125
4.4.4 用Ajax技术载入文档127
4.4.5 载入动态数据128
4.4.6 发送数据给服务器129
4.5 jQuery中的Ajax方法131
4.5.1 使用load()方法载入HTML文档131
4.5.2 使用$.get()方法执行GET请求133
4.5.3 使用$.post()方法执行POST请求136
4.5.4 使用$.ajax()方法设置Ajax的细节137
4.5.5 全局设定Ajax139
4.5.6 使用$.getJSON()方法载入JSON文档139
4.5.7 jQuery Ajax访问数据库141
习题143
第5章 Vue.js前端开发145
5.1 Vue使用基础145
5.1.1 引入Vue 3.x145
5.1.2 Vue实例和数据145
5.1.3 创建模板146
5.1.4 插值表达式和文本渲染指令147
5.2 Vue交互效果的实现149
5.2.1 Vue事件绑定149
5.2.2 Vue属性绑定150
5.2.3 Vue双向数据绑定152
5.2.4 v-if和v-for指令153
5.2.5 Vue组件156
5.3 Vue与Node.js的结合157
5.3.1 使用构建方式创建Vue项目157
5.3.2 使用axios访问后端数据159
5.3.3 以构建方式访问后端数据161
习题163
第6章 微信小程序开发基础165
6.1 微信小程序开发概述165
6.1.1 微信小程序界面设计165
6.1.2 微信小程序开发前的准备168
6.1.3 创建微信小程序项目170
6.1.4 微信小程序的项目结构171
6.2 微信小程序页面的制作172
6.2.1 添加页面和底部标签栏172
6.2.2 用WXML构建页面结构175
6.2.3 用WXSS设置页面样式177
6.2.4 用flex布局制作金刚区178
6.2.5 用swiper组件制作标签页182
6.3 船山研究文献检索小程序的页面制作184
6.3.1 首页的制作184
6.3.2 内容页的制作188
6.3.3 列表页的制作191
习题194
第7章 小程序与后端的交互实现196
7.1 网络请求196
7.1.1 wx.request()方法简介196
7.1.2 wx.request()方法的工作流程197
7.1.3 wx.request()方法使用示例197
7.1.4 this关键字和setData()方法198
7.1.5 页面生命周期回调函数200
7.2 小程序与后端程序交互201
7.2.1 后端程序访问数据库201
7.2.2 传递参数给后端程序204
7.3 船山研究文献检索小程序的数据绑定207
7.3.1 首页的数据绑定208
7.3.2 内容页的数据绑定210
7.3.3 列表页的数据绑定211
7.3.4 用户登录模块的实现213
习题219
附录 实验221
实验1 个人简历网页的制作221
实验2 圆饼形盒子的制作221
实验3 栏目框的制作222
实验4 人文系网站页头和导航条的制作222
实验5 人文系网站图片滚动栏的制作223
实验6 人文系网站首页的布局设计223
实验7 人文系网站首页的制作223
实验8 人文系网站列表页和内容页的实现224
实验9 人文系网站各种页面的数据绑定224
实验10 图书商城微信小程序的界面制作224
实验11 图书商城微信小程序的数据绑定224