Web后端开发

 一、Maven

1.1 简介

Web后端开发_第1张图片

1.2 作用 

Web后端开发_第2张图片

 Web后端开发_第3张图片

Web后端开发_第4张图片 Web后端开发_第5张图片

1.3 流程

通过各种插件实现项目的标准化构建。 

Web后端开发_第6张图片 Web后端开发_第7张图片

1.4 安装

Web后端开发_第8张图片

1.5 配置环境

1.5.1 当前工程环境

Web后端开发_第9张图片

Web后端开发_第10张图片

Web后端开发_第11张图片

1.5.2 全局环境 

Web后端开发_第12张图片

Web后端开发_第13张图片

Web后端开发_第14张图片

Web后端开发_第15张图片

1.6 创建 Maven项目

Web后端开发_第16张图片

Web后端开发_第17张图片

1.7 导入项目 

Web后端开发_第18张图片

1.8 依赖管理

1.8.1 依赖配置

Web后端开发_第19张图片

1.8.2  依赖传递

Web后端开发_第20张图片

pom.xml——右键——Diagrams——show dependences——显示依赖关系图

Web后端开发_第21张图片 Web后端开发_第22张图片

1.8.3 依赖范围 

Web后端开发_第23张图片

1.8.4 生命周期 

Web后端开发_第24张图片

Web后端开发_第25张图片

Web后端开发_第26张图片

Web后端开发_第27张图片

二、SpringBootWeb

2.1 概述

Web后端开发_第28张图片

Web后端开发_第29张图片

Web后端开发_第30张图片

2.2 快速入门

Web后端开发_第31张图片 Web后端开发_第32张图片

Web后端开发_第33张图片

Web后端开发_第34张图片

Web后端开发_第35张图片

2.3 HTTP协议 

2.3.1 概述

Web后端开发_第36张图片

 2.3.2 请求协议

Web后端开发_第37张图片

Web后端开发_第38张图片 Web后端开发_第39张图片

2.3.3 响应协议

Web后端开发_第40张图片

Web后端开发_第41张图片 Web后端开发_第42张图片Web后端开发_第43张图片

2.3.4 协议解析

Web后端开发_第44张图片

三、Tomcat服务器 

3.1 概述

Web后端开发_第45张图片

Web后端开发_第46张图片

3.2 基本使用

Web后端开发_第47张图片

Web后端开发_第48张图片

Web后端开发_第49张图片

Web后端开发_第50张图片 

 

四、请求响应

Web后端开发_第51张图片

4.1 请求

4.1.1 postman工具

Web后端开发_第52张图片

Web后端开发_第53张图片

Web后端开发_第54张图片

步骤:

点击create free account Web后端开发_第55张图片

输入相关内容 

Web后端开发_第56张图片

退回之前界面,点击sign in,输入账号信息登录

Web后端开发_第57张图片

显示如下界面

Web后端开发_第58张图片

进入工作空间,点击+,选择get或post请求。

Web后端开发_第59张图片

输入URL:localhost:8080/hello,点击send,完成入门程序功能测试。若想保存当前请求数据,点击右上角Save,新建或选择Collection,保存。

Web后端开发_第60张图片

4.1.2 简单参数

(一)原始方法

Web后端开发_第61张图片

详细步骤:

Web后端开发_第62张图片

Web后端开发_第63张图片

(二)SpringBoot方式

Web后端开发_第64张图片 Web后端开发_第65张图片

(三)小结 

Web后端开发_第66张图片

4.1.3 实体参数

Web后端开发_第67张图片

Web后端开发_第68张图片

4.1.4 数组参数&集合参数

(一)数组参数

Web后端开发_第69张图片

(二)集合参数

Web后端开发_第70张图片

(三)小结

Web后端开发_第71张图片

4.1.5 日期参数

 Web后端开发_第72张图片

4.1.6 Json参数

Web后端开发_第73张图片

4.1.7 路径参数

Web后端开发_第74张图片

4.1.8 小结

Web后端开发_第75张图片

4.2 响应

Web后端开发_第76张图片

4.2.1 普通响应数据 

Web后端开发_第77张图片

4.2.2 统一响应数据

Web后端开发_第78张图片

 4.2.3 小结

Web后端开发_第79张图片

4.2.4 案例

Web后端开发_第80张图片

Web后端开发_第81张图片 

大部分都是在resources下建立static文件夹存放前端页面代码。 

Web后端开发_第82张图片

4.3 分层解耦

Web后端开发_第83张图片

4.3.1 三层架构

Web后端开发_第84张图片

Web后端开发_第85张图片 

4.3.2 分层解耦

Web后端开发_第86张图片

Web后端开发_第87张图片 Web后端开发_第88张图片

4.3.3 IOC&DI-入门

Web后端开发_第89张图片

@Component:将当前类交给IOC容器管理,成为IOC容器中的bean

@Autowired:运行时,IOC容器会提供该类型的bean对象,并赋值给该变量——依赖注入 

Web后端开发_第90张图片

步骤:

Web后端开发_第91张图片 Web后端开发_第92张图片

 

4.3.4 IOC详解

Web后端开发_第93张图片

Endpoints——Beans——application——白色的就是自己定义的类名称,点击右侧显示的就是bean名称(默认为类名称首字母小写) 

Web后端开发_第94张图片 若想自定义类名称,则需要括号中写value=(“名称”)

Web后端开发_第95张图片

Web后端开发_第96张图片 或者加上@ComponentScan(……)

Web后端开发_第97张图片

4.3.5 DI详解

Web后端开发_第98张图片 

小结:

Web后端开发_第99张图片 

你可能感兴趣的:(JavaWeb,java,开发语言,后端)