《Web全栈开发案例教程（AI辅助版）》是人民邮电出版社于2026年5月正式出版的一本计算机教材。作者是唐四薪，ISBN：978-7-115-69015-9。定价59.8元。页数：248页。
内 容 简 介
本书以案例的形式对Web全栈开发技术进行了系统的介绍，内容涵盖网站开发与微信小程序开发，书中安排了大量实例和案例。本书分为9章，内容包括Web全栈开发概述、Web前端页面开发，Node.js后端开发、浏览器端JavaScript、Ajax技术、Vue.js前端开发、微信小程序开发基础、小程序与后端的交互实现等。
本书可作为高等院校相关专业Web开发、Web工程设计、网站开发等课程的教材，也可供从事Web后端开发、Web全栈开发的人员作为参考书。
目 录
第1章 Web全栈开发概述................................................................................................ 1
1.1 Web全栈开发及其步骤......................................................................................... 1
1.1.1 全栈开发的内涵........................................................................................ 1
1.1.2 全栈开发的步骤........................................................................................ 2
1.1.3 使用AIGC辅助全栈开发............................................................................ 4
1.2 Web产品的特性................................................................................................... 5
1.2.1 网站.......................................................................................................... 5
1.2.2 微信小程序............................................................................................... 6
1.2.3 手机APP.................................................................................................... 8
1.3 网站的创建和制作流程........................................................................................ 9
1.3.1 网站的特征............................................................................................... 9
1.3.2 网站的开发步骤....................................................................................... 10
1.3.3 网站开发工具.......................................................................................... 12
1.4 Web交互模型..................................................................................................... 12
1.4.1服务器...................................................................................................... 12
1.4.2浏览器...................................................................................................... 14
1.4.3 Web数据传输标准.................................................................................... 15
1.4.4 JSON数据格式.......................................................................................... 16
习题........................................................................................................................ 18
第2章 Web前端页面开发.............................................................................................. 19
2.1 HTML5................................................................................................................ 19
2.1.1 HTML文档的结构..................................................................................... 19
2.1.2 插入文本和图像....................................................................................... 20
2.1.3 定义超链接.............................................................................................. 21
2.2 CSS3................................................................................................................... 22
2.2.1 CSS的基本语法......................................................................................... 22
2.2.2 引入CSS.................................................................................................. 24
2.2.3 选择器的分类.......................................................................................... 24
2.2.4 CSS盒子模型............................................................................................ 27
2.2.5 浮动和定位属性....................................................................................... 29
2.3 响应式布局....................................................................................................... 32
2.3.1 媒体查询................................................................................................. 32
2.3.2 流式布局................................................................................................. 33
2.3.3 自适应图片.............................................................................................. 35
2.3.4 flex布局................................................................................................... 38
2.3.5 响应式网页的头部代码设置..................................................................... 42
2.4船山研究网站前端页面的制作............................................................................ 42
2.4.1 首页的设计与实现................................................................................... 43
2.4.2 列表页的设计与实现................................................................................ 46
2.4.3 内容页的设计与实现................................................................................ 48
习题........................................................................................................................ 49
第3章 Node.js后端开发................................................................................................. 51
3.1 ECMAScript 6语言基础........................................................................................ 51
3.1.1 变量和常量的声明................................................................................... 51
3.1.2 箭头函数................................................................................................. 52
3.1.3 模板字符串.............................................................................................. 53
3.2 Node.js基础....................................................................................................... 54
3.2.1安装Node.js及其模块............................................................................... 54
3.2.2 创建Node.js网站服务器.......................................................................... 56
3.2.3 响应GET请求.......................................................................................... 57
3.2.4 响应POST请求........................................................................................ 59
3.3 Express核心功能................................................................................................ 60
3.3.1 定义中间件.............................................................................................. 60
3.3.2 定义静态资源目录................................................................................... 61
3.3.3 读取和写入本地文件................................................................................ 62
3.3.4 定义模块化路由....................................................................................... 63
3.3.5 使用网页模板引擎................................................................................... 64
3.4 Node.js访问数据库............................................................................................. 66
3.4.1 数据库的基本概念................................................................................... 66
3.4.2 MySQL数据库的使用................................................................................. 67
3.4.3使用Navicat管理数据库........................................................................... 68
3.4.4 Node.js连接数据库................................................................................... 70
3.5 SQL语言............................................................................................................. 71
3.5.1 Select语句................................................................................................ 71
3.5.2 数据操纵语句.......................................................................................... 73
3.5.3 SQL字符串中含有变量的情况.................................................................... 74
习题........................................................................................................................ 75
第4章 船山研究网站动态化........................................................................................... 76
4.1 准备工作........................................................................................................... 76
4.1.1 搭建Express项目环境.............................................................................. 76
4.1.2 制作网站模板文件................................................................................... 78
4.1.3 创建连接数据库的文件............................................................................ 79
4.2 前端页面绑定数据............................................................................................. 79
4.2.1 首页的数据绑定....................................................................................... 80
4.2.2 内容页的数据绑定................................................................................... 83
4.2.3 列表页的数据绑定................................................................................... 84
4.2.4 列表页的分页功能................................................................................... 85
4.3网站后台的制作................................................................................................. 87
4.3.1后台管理首页的制作................................................................................. 88
4.3.2添加文章的实现........................................................................................ 89
4.3.3修改记录的实现........................................................................................ 90
4.3.4删除文章的实现........................................................................................ 91
4.3.5批量删除的实现........................................................................................ 92
4.3.6用户登录的实现........................................................................................ 93
4.4用docker部署网站............................................................................................. 96
4.4.1用dockerfile制作镜像............................................................................... 96
4.4.2 用docker-compose部署网站..................................................................... 98
习题........................................................................................................................ 99
第5章 浏览器端JavaScript........................................................................................... 100
5.1 JavaScript事件编程.......................................................................................... 100
5.1.1 JavaScript的代码结构........................................................................... 100
5.1.2 常用JavaScript事件................................................................................ 101
5.1.3 事件监听程序........................................................................................ 102
5.2 JavaScript DOM编程........................................................................................ 103
5.2.1 动态效果的实现..................................................................................... 103
5.2.2 获取指定元素........................................................................................ 104
5.2.3 访问元素的CSS属性.............................................................................. 105
5.2.4 访问元素的内容..................................................................................... 106
5.2.5 使用浏览器对象..................................................................................... 107
5.3 jQuery基础....................................................................................................... 109
5.3.1 jQuery的功能和使用............................................................................... 109
5.3.2 jQuery中的"$"....................................................................................... 110
5.3.3 jQuery对象与DOM对象.......................................................................... 113
5.3.4 jQuery的选择器...................................................................................... 114
5.3.5 jQuery的事件绑定................................................................................... 114
5.3.6 jQuery中的常用方法............................................................................... 115
5.3.7 jQuery应用举例...................................................................................... 116
习题...................................................................................................................... 117
第6章 Ajax与异步编程技术......................................................................................... 118
6.1 原生Ajax技术.................................................................................................. 119
6.1.1发送HTTP请求的三种方式...................................................................... 119
6.1.2 载入页面的传统方法.............................................................................. 120
6.1.3 XMLHttpRequest对象工作过程................................................................ 120
6.1.4 用Ajax技术载入文档............................................................................. 122
6.1.5 载入动态数据........................................................................................ 123
6.1.6发送数据给服务器.................................................................................. 124
6.2 jQuery中的Ajax方法......................................................................................... 126
6.2.1 用load方法载入HTML文档................................................................... 126
6.2.2 用$.get()执行GET请求........................................................................... 127
6.2.3 用$.post()执行POST请求........................................................................ 130
6.2.4 用$.ajax()设置Ajax的细节...................................................................... 131
6.2.5 全局设定Ajax......................................................................................... 133
6.2.6 用$.getJSON载入JSON文档.................................................................... 133
6.3 jQuery Ajax访问数据库...................................................................................... 135
6.4 Node.js异步编程............................................................................................... 137
6.4.1 async和await关键字.............................................................................. 137
6.4.2 异步执行HTTP请求............................................................................... 138
习题...................................................................................................................... 139
第7章 Vue.js前端开发................................................................................................. 141
7.1 Vue使用基础.................................................................................................... 141
7.1.1 引入Vue 3.x........................................................................................... 141
7.1.2 Vue实例和数据....................................................................................... 141
7.1.3 创建模板............................................................................................... 142
7.1.4 插值表达式和文本渲染指令................................................................... 143
7.2 Vue交互效果的实现......................................................................................... 144
7.2.1 Vue事件绑定.......................................................................................... 144
7.2.2 Vue属性绑定.......................................................................................... 145
7.2.3 Vue双向数据绑定................................................................................... 147
7.2.4 v-if和v-for指令....................................................................................... 148
7.2.5 Vue组件................................................................................................. 151
7.3 Vue与Node.js的结合........................................................................................ 152
7.3.1 使用构建方式创建Vue项目................................................................... 152
7.3.2 使用axios访问后端数据......................................................................... 154
7.3.3 以构建方式访问后端数据....................................................................... 156
习题...................................................................................................................... 158
第8章 微信小程序开发基础......................................................................................... 159
8.1 微信小程序开发概述........................................................................................ 159
8.1.1 微信小程序界面设计.............................................................................. 159
8.1.2 微信小程序开发前的准备....................................................................... 162
8.1.3 创建微信小程序项目.............................................................................. 163
8.1.4 小程序的项目结构................................................................................. 164
8.2 微信小程序页面的制作.................................................................................... 165
8.2.1 添加页面和底部标签栏.......................................................................... 165
8.2.2 用wxml构建页面结构............................................................................ 168
8.2.3 用wxss设置页面样式............................................................................ 170
8.2.4 用flex布局制作金刚区........................................................................... 171
8.2.5 用swiper组件制作标签页...................................................................... 174
8.3 船山文献小程序的页面制作............................................................................. 176
8.3.1 首页的制作............................................................................................ 176
8.3.2 内容页的制作........................................................................................ 181
8.3.3 列表页的制作........................................................................................ 183
习题...................................................................................................................... 185
第9章 小程序与后端的交互实现.................................................................................. 187
9.1 网络请求......................................................................................................... 187
9.1.1 wx.request()方法简介.............................................................................. 187
9.1.2 wx.request()方法的工作流程.................................................................... 188
9.1.3 wx.request()方法使用实例....................................................................... 188
9.1.4 this关键字和setData()方法..................................................................... 189
9.1.5 页面生命周期回调函数.......................................................................... 190
9.2 小程序与后端程序交互.................................................................................... 191
9.2.1后端程序访问数据库............................................................................... 191
9.2.2 传递参数给后端程序.............................................................................. 195
9.3船山文献小程序的数据绑定.............................................................................. 198
9.3.1 首页的数据绑定..................................................................................... 198
9.3.2 内容页的数据绑定................................................................................. 200
9.3.3 列表页的数据绑定................................................................................. 201
9.4 小程序个人中心的实现.................................................................................... 203
9.4.1 用户登录模块的实现.............................................................................. 203
9.4.2 "我的"页面的实现.............................................................................. 207
9.4.3 头像上传功能的实现.............................................................................. 209
习题...................................................................................................................... 211
附录：实验................................................................................................................... 212
本书以船山研究网站和微信小程序的制作为案例，所有案例都完整实现了前后端的所有功能。
案例截图
