【章名目录】
第1章　Web全栈开发概述
第2章　Web前端页面开发
第3章　Node.js后端开发
第4章　网站动态化
第5章　浏览器端JavaScript
第6章　Ajax与异步编程技术
第7章　Vue.js前端开发
第8章　微信小程序开发基础
第9章　微信小程序与后端的交互实现
实验

【详细目录】
第1章　Web全栈开发概述　1
1.1　Web全栈开发及其步骤　2
1.1.1　Web全栈开发的内涵　2
1.1.2　Web全栈开发的步骤　3
1.1.3　使用AIGC辅助Web全栈开发　4
1.2　Web产品的特性　6
1.2.1　网站　6
1.2.2　微信小程序　7
1.2.3　手机App　9
1.3　网站的创建和制作流程　9
1.3.1　网站的特征　10
1.3.2　网站的开发步骤　10
1.3.3　网站开发工具　12
1.4　Web交互模型　13
1.4.1　服务器　13
1.4.2　浏览器　15
1.4.3　Web数据传输标准　16
1.4.4　JSON数据格式　17
习题　20
第2章　Web前端页面开发　21
2.1　HTML5　22
2.1.1　HTML文档的结构　22
2.1.2　插入文本和图片　23
2.1.3　定义超链接　24
2.2　CSS3　25
2.2.1　CSS的基本语法　25
2.2.2　引入CSS　26
2.2.3　选择器的分类　27
2.2.4　CSS盒子模型　30
2.2.5　浮动和定位属性　32
2.3　响应式布局　35
2.3.1　媒体查询　35
2.3.2　流式布局　36
2.3.3　自适应图片　38
2.3.4　Flex布局　41
2.3.5　响应式网页的头部代码设置　44
2.4　网站前端页面的制作　45
2.4.1　首页的设计与实现　45
2.4.2　列表页的设计与实现　48
2.4.3　内容页的设计与实现　50
习题　52
第3章　Node.js后端开发　55
3.1　ECMAScript 6语言基础　56
3.1.1　变量和常量的声明　56
3.1.2　箭头函数　57
3.1.3　模板字符串　58
3.2　Node.js基础　59
3.2.1　安装Node.js及其模块　59
3.2.2　创建Node.js Web服务器　61
3.2.3　响应GET请求　61
3.2.4　响应POST请求　63
3.3　Express核心功能　64
3.3.1　定义中间件　65
3.3.2　定义静态资源目录　65
3.3.3　读取和写入本地文件　66
3.3.4　定义模块化路由　67
3.3.5　使用模板引擎　69
3.4　Node.js访问数据库　71
3.4.1　数据库的基本概念　71
3.4.2　MySQL数据库的使用　72
3.4.3　使用Navicat管理数据库　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
习题　80
第4章　网站动态化　82
4.1　准备工作　83
4.1.1　搭建Express项目环境　83
4.1.2　制作网站模板文件　84
4.1.3　创建连接数据库的文件　85
4.2　前端页面绑定数据　85
4.2.1　首页的数据绑定　86
4.2.2　内容页的数据绑定　89
4.2.3　列表页的数据绑定　90
4.2.4　列表页的分页功能　91
4.3　网站后台的制作　93
4.3.1　后台管理首页的制作　93
4.3.2　添加文章的实现　94
4.3.3　修改记录的实现　95
4.3.4　删除文章的实现　97
4.3.5　批量删除的实现　97
4.3.6　用户登录的实现　98
4.4　用Docker部署网站　101
4.4.1　用Dockerfile制作镜像　101
4.4.2　用docker-compose部署网站　103
习题　105
第5章　浏览器端JavaScript　106
5.1　JavaScript事件编程　107
5.1.1　JavaScript的程序组成　107
5.1.2　常用JavaScript事件　108
5.1.3　事件监听程序　109
5.2　JavaScript DOM编程　110
5.2.1　动态效果的实现　110
5.2.2　获取指定元素　111
5.2.3　访问元素的CSS属性　112
5.2.4　访问元素的内容　113
5.2.5　使用浏览器对象　114
5.3　jQuery基础　116
5.3.1　jQuery的功能和使用　116
5.3.2　jQuery中的“$”　117
5.3.3　jQuery对象与DOM对象　120
5.3.4　jQuery的选择器　121
5.3.5　jQuery中的事件绑定　122
5.3.6　jQuery中的常用方法　122
5.3.7　jQuery应用举例　123
习题　125
第6章　Ajax与异步编程技术　127
6.1　原生Ajax技术　128
6.1.1　发送HTTP请求的3种方式　128
6.1.2　加载页面的传统方法　129
6.1.3　XMLHttpRequest对象的工作过程　129
6.1.4　用Ajax技术加载文档　131
6.1.5　加载动态数据　132
6.1.6　发送数据给服务器　133
6.2　jQuery中的Ajax方法　135
6.2.1　用load()方法加载HTML文档　135
6.2.2　用$.get()执行GET请求　136
6.2.3　用$.post()执行POST请求　139
6.2.4　用$.ajax()设置Ajax的细节　140
6.2.5　全局设定Ajax　142
6.2.6　用$.getJSON()加载JSON文档　142
6.3　jQuery Ajax访问数据库　144
6.4　Node.js异步编程　145
6.4.1　async和await关键字　146
6.4.2　异步执行HTTP请求　146
习题　148
第7章　Vue.js前端开发　150
7.1　Vue使用基础　151
7.1.1　引入Vue 3.x　151
7.1.2　Vue实例和数据　151
7.1.3　创建模板　152
7.1.4　插值表达式和文本渲染指令　153
7.2　Vue交互效果的实现　154
7.2.1　Vue事件绑定　154
7.2.2　Vue属性绑定　155
7.2.3　Vue双向数据绑定　157
7.2.4　v-if和v-for指令　158
7.2.5　Vue组件　160
7.3　Vue与Node.js的结合　161
7.3.1　使用构建方式创建Vue项目　161
7.3.2　使用axios访问后端数据　163
7.3.3　以构建方式访问后端数据　164
习题　167
第8章　微信小程序开发基础　169
8.1　微信小程序开发概述　170
8.1.1　微信小程序页面设计　170
8.1.2　微信小程序开发前的准备　172
8.1.3　创建微信小程序项目　173
8.1.4　小程序的项目结构　174
8.2　微信小程序页面的制作　175
8.2.1　添加页面和底部标签栏　175
8.2.2　编写WXML文件定义页面结构　177
8.2.3　编写WXSS文件设置页面样式　179
8.2.4　用Flex布局制作金刚区　180
8.2.5　用swiper组件实现标签页的切换　184
8.3　小程序的页面制作　185
8.3.1　首页的制作　186
8.3.2　内容页的制作　190
8.3.3　列表页的制作　192
习题　194
第9章　微信小程序与后端的交互实现　196
9.1　网络请求　197
9.1.1　wx.request()方法简介　197
9.1.2　wx.request()方法的工作流程　197
9.1.3　wx.request()方法使用实例　198
9.1.4　this关键字和setData()方法　199
9.1.5　页面生命周期回调函数　200
9.2　小程序与后端程序交互　201
9.2.1　后端程序访问数据库　201
9.2.2　传递参数给后端程序　204
9.3　船山文献检索小程序的数据绑定　206
9.3.1　首页的数据绑定　206
9.3.2　内容页的数据绑定　209
9.3.3　列表页的数据绑定　209
9.4　小程序个人中心的实现　211
9.4.1　用户登录模块的实现　211
9.4.2 “我的”页面的实现　215
9.4.3　头像上传功能的实现　217
习题　220
实验　221
实验1　个人简历网页的制作　221
实验2　圆饼型盒子的制作　221
实验3　栏目框的制作　221
实验4　人文系网站页头和导航条的制作　222
实验5　人文系网站图片滚动栏的制作　222
实验6　人文系网站首页的布局设计　223
实验7　人文系网站首页的制作　223
实验8　人文系网站列表页和内容页的实现　223
实验9　人文系网站各种页面的数据绑定　224
实验10　图书商城微信小程序的页面制作　224
实验11　图书商城微信小程序的数据绑定　224