Web全栈项目开发入门与实战

本书一共26章，整个书籍结构围绕着企业项目开发基本流程来设计，分为项目概述、前端开发和后端开发三个部分。 项目概述部分一共有4章。第1章是项目需求设计，主要介绍该项目的项目背景和项目内容。第2章是业务模块介绍，围绕着项目内容展开介绍项目核心业务模块。第3章是业务流程图。通过office 自带的Visio工具将各大业务流程以流程图的形式呈现。第4章是项目开发周期，介绍开发本项目需要花费的时间周期。 前端开发部分一共有11章，前3章是基础篇，介绍前端三剑客HTML/CSS/JavaScript和前端主流开发框架React以及前端开发常用的工具库。后8章是项目实战内容，其中包含开发前须知和开发后总结。 后端开发部分一共有11章，前3章是基础篇，介绍Java基础和SpringBoot框架以及后端常用的工具库，后8章是项目实战内容，包含开发前系统设计和开发后总结。

吴杏平，上市公司前端开发工程师，熟悉前端各大主流框架，并深入研究过各种框架底层源码。对后端开发也兴趣颇丰，可独立完成前端界面开发和后端接口开发。 曹雪，拥有多年开发与团队管理经验，现任平安科技资深开发工程师。

1.内容全面，拓展视野：兼顾前后端技术，展现完整开发流程，补足技术短板；
2.注重实操，学以致用：每个知识点均有对应的项目实战讲解，快速上手项目；
3.举一反三，日益精进：利用配套案例代码体会全栈开发精髓，全面提升能力。

本书不仅介绍了前后端开发的技术，更融入了许多开发前对业务场景、技术选择的分析过程。比如开发一个页面，不仅会从技术层面讲解如何去实现，更会讲解开发一个页面的分析过程。这种分析的思维几乎适用于所有的页面的开发。

为了保证经验尚浅的开发新手可以举一反三，本书中的项目案例非常灵活，其中涉及的内容都是 Web 应用项目中一些常见、经典的场景。也就是说，如果读者想以后独自开发其他业务类型的项目，只需要在本项目的基础上进行调整即可。比如本书中的项目分为五大业务模块，分别是用户模块、商品模块、支付模块、消息模块及个人中心模块，放眼看去，您会发现大部分的应用都会包含这几个业务模块。再细化到功能，比如项目中的登录、注册功能，也是几乎所有项目都会涉及的功能。

另外，本书介绍的前端开发使用的是 React 框架，该框架最显著的特点就是组件化，因此项目中有大量的组件封装。这就意味着，您将得到的不仅是一个项目，还得得到前端应用中许多场景的通用组件。这些通用组件，读者可以运用到任何其他项目。虽然市面上也有很多成熟组件库，比如蚂蚁金服的 AntDesign，但是对于大部分人来说，这已然是一个“开箱即用”的成品，无法知晓其构建过程。学习了本书之后，读者可以自己构建通用组件。

目录


项目概述

第 1章　项目需求设计　02
1．1　项目背景　02
1．2　项目介绍　02
第 2章　业务模块介绍　03
2．1　用户模块　03
2．1．1　用户模块功能清单　04
2．1．2　用户模块功能说明　04
2．2　商品模块　05
2．2．1　商品模块功能清单　05
2．2．2　商品模块功能说明　06
2．3　支付模块　07
2．3．1　支付模块功能清单　07
2．3．2　支付模块功能说明　07
2．4　消息模块　08
2．4．1　消息模块功能清单　08
2．4．2　消息模块功能说明　08
2．5　个人中心模块　08
2．5．1　个人中心模块功能清单　09
2．5．2　个人中心模块功能说明　10
第3章　业务流程图　12
3．1　注册页面流程图　12
3．2　登录页面流程图　13
3．3　商品发布页面流程图　13
3．4　首页流程图　14
3．5　消息页面流程图　15
3．6　个人中心页面流程图　15
第4章　项目开发周期　17


前端开发
第5章　HTML、CSS、JavaScript基础　22
5．1　网页的骨架——HTML　22
5．1．1　HTML 结构　23
5．1．2　HTML 头部标签　24
5．1．3　HTML 内容标签　25
5．1．4　HTML 样式标签　27
5．1．5　HTML 脚本标签　28
5．2　网页的外衣——CSS　29
5．2．1　CSS 历史　29
5．2．2　CSS 样式　30
5．2．3　CSS 选择器　32
5．2．4　CSS 伪类与伪元素　36
5．2．5　CSS 使用方式　40
5．3　网页的交互——JavaScript　43
5．3．1　JavaScript 历史　43
5．3．2　JavaScript 语法　45
5．3．3　AJAX 介绍　51
5．4　Web 网页案例　53
5．4．1　案例说明　53
5．4．2　案例代码　53
第6章　前端主流框架——React　60
6．1　React 概述　60
6．1．1　React 主要特点　60
6．1．2　React 生命周期　61
6．2　React 开发环境搭建　62
6．2．1　Node安装　62
6．2．2　React 项目构建　64
6．3　React 案例　67
6．3．1　案例代码　67
6．3．2　React框架与原生网页的区别　69
第7章　前端常用开发工具/库　71
7．1　打包工具之webpack　71
7．1．1　webpack核心原理　71
7．1．2　webpack 核心概念　72
7．1．3　webpack 参数配置说明　72
7．2　页面跳转之react-router-dom　75
7．2．1　react-router-dom 路由配置　75
7．2．2　react-router-dom 路由跳转方式　76
7．2．3　react-router-dom路由传参　76
7．3　前端组件库之ant-design　77
7．4　CSS预处理器之Less　78
7．4．1　Less特征　78
7．4．2　Less使用环境　79
7．4．3　Less语法　79
7．5　第三方模块安装　81
第8章　前端开发前须知　83
8．1　命名规则　83
8．1．1　模块命名规则　83
8．1．2　选择器命名规则　83
8．2　公共样式提取　84
8．2．1　公共样式规则　84
8．2．2　公共样式文件　84
8．3　公共组件封装　92
8．3．1　Button 组件　93
8．3．2　Card 组件　97
8．3．3　Input 组件　99
8．3．4　List 组件　101
8．3．5　Search 组件　105
8．3．6　Select 组件　110
8．3．7　TabBottom组件　115
8．3．8　Title 组件　118
8．3．9　Type 组件　122
8．3．10　Address 组件　124
8．4　界面分析　135
8．4．1　页面结构　135
8．4．2　图片元素　135
8．4．3　页面色彩　135
8．4．4　页面边距　136
第9章　用户模块开发　137
9．1　注册页面开发　137
9．2　登录页面开发　144
第 10章　商品模块开发　148
10．1　发布/修改商品页面开发　148
10．2　商品列表/首页开发　153
10．3　商品详情页面开发　162
第 11章　支付模块开发　171
11．1　订单页面开发　171
11．2　订单详情页面开发　172
第 12章　消息模块开发　178
12．1　消息列表页面开发　178
12．2　消息详情页面开发　182
第 13章　个人中心模块开发　192
13．1　个人中心页面开发　192
13．2　编辑个人信息页面开发　196
13．3　我发布的商品列表页面开发　200
13．4　我发布的商品信息编辑页面开发　205
13．5　我卖出的商品列表页面开发　211
13．6　我买到的商品列表页面开发　214
13．7　修改密码页面开发　218
13．8　忘记密码页面开发　221
13．9　修改手机号页面开发　225
13．10　我的收货地址列表页面开发　232
13．11　添加/编辑收货地址页面开发　235
13．11．1　添加收货地址　235
13．11．2　编辑收货地址　236
13．11．3　编写代码　237
第 14章　前端环境部署　243
项目部署流程　243
第 15章　前端开发总结　247
15．1　开发思路总结　247
15．2　项目难点总结　247



后端开发
第 16章　Java基础　254
16．1　Java主要特点　254
16．2　Java语法　255
16．2．1　数据类型　255
16．2．2　标识符　256
16．2．3　修饰符　256
16．2．4　变量　257
16．2．5　运算符　257
16．2．6　关键字　260
16．2．7　注释　261
16．3　Java 开发环境　262
16．3．1　JDK　262
16．3．2　JRE　262
16．3．3　JVM　262
16．3．4　配置环境变量　262
第 17章　Spring Boot框架　264
17．1　Spring Boot 概述　264
17．2　Spring Boot 解决的问题　265
17．3　Spring Boot 核心机制　266
17．4　Spring Boot 优缺点　266
第 18章　后端工具/库　268
18．1　Java IDE　268
18．1．1　常用的IDE　268
18．1．2　使用IntelliJ IDEA创建Java项目　269
18．1．3　使用IntelliJ IDEA创建Spring Boot项目　273
18．2　Navicat　275
18．2．1　版本　276
18．2．2　Navicat for MySQL使用　277
18．3　Postman　280
18．3．1　安装　281
18．3．2　版本　281
18．3．3　使用　281
第 19章　后端系统设计　283
19．1　数据库设计　283
19．2　系统功能模块设计　290
19．3　接口设计　291
第 20章　用户模块接口　294
20．1　注册接口　294
20．2　获取验证码接口　304
20．3　登录接口　311
20．4　忘记密码接口　317
20．5　修改密码接口　321
20．6　用户信息修改接口　324
20．7　校验是否登录接口　328
20．8　退出登录接口　330
第 21章　商品模块接口　333
21．1　商品类别列表接口　333
21．2　商品列表接口　338
21．3　发布商品接口　346
21．4　修改商品信息接口　351
21．5　获取商品详情接口　356
21．6　评论/回复接口　361
21．7　评论/回复列表接口　365
21．8　点赞/取消点赞接口　368
21．9　点赞列表接口　372
21．10　首页轮播商品列表接口　375
第 22章　消息模块接口　382
22．1　聊天对话框列表接口　382
22．2　获取聊天详情接口　387
22．3　初始化聊天接口　393
22．4　发送消息接口　400
第 23章　支付模块接口　412
23．1　购买商品接口　412
23．2　获取订单详情接口　420
23．3　取消订单接口　426
23．4　支付宝WAP支付接口　429
23．5　支付宝支付接口　436
23．6　支付宝支付回调接口　440
第 24章　个人中心模块接口　446
24．1　我的商品列表接口　446
24．2　删除我的商品接口　455
24．3　校验旧手机号接口　459
24．4　绑定新手机号接口　462
24．5　查询商品数量接口　465
24．6　收货地址列表接口　471
24．7　新增收货地址接口　478
24．8　修改收货地址接口　482
24．9　删除收货地址接口　487
第 25章　后端环境部署　491
第 26章　后端开发总结　495
26．1　开发思路总结　495
26．2　开发难点总结　495