【JavaWeb】SpringBootWeb入门

Dear 丶 2024-04-26 03:03 134阅读 0赞

> ? 本文由 [程序喵正在路上][Link 1] 原创，CSDN首发！  
> ? 系列专栏：[JavaWeb开发][JavaWeb]  
> ? 首发时间：2024年2月4日  
> ? 欢迎关注?点赞?收藏?留言?

#### 目录 ####

*  Spring
 *  SpringBootWeb快速入门
 *  HTTP协议
 *   *  HTTP-概述
     *  HTTP-请求协议
     *  HTTP-响应协议
     *  HTTP-协议解析
 *  Web服务器-Tomcat
 *   *  简介
     *  基本使用
     *  入门程序解析

## Spring ##

*  官网：[https://spring.io/][https_spring.io]
 *  Spring 发展到今天已经形成了一种开发生态圈，Spring 提供了若干个子项目，每个项目用于完成特定的功能
    
    ![在这里插入图片描述][fa85eff656f2415bbe89666569132d55.png]
 *  其中，Spring Framework 是核心，其他框架都是基于它开发出来的
    
    ![在这里插入图片描述][be8be593c7464720b04437a0c219ab7d.png]
 *  如果用 Spring Framework 直接来开发，会显示很繁琐，所以有了 Spring Boot 的出现
    
    ![在这里插入图片描述][de68a19a80b14cd7b17f5512f4072a24.png]
 *  Spring Boot 可以帮助我们非常快速的构建应用程序、简化开发、提高效率

## SpringBootWeb快速入门 ##

需求：使用 SpringBoot 开发一个 web 应用，浏览器发起请求 /hello 后，给浏览器返回字符串 “Hello World ~”。

![在这里插入图片描述][cf42e02e28b14fc9847f572f44e1e7d8.png]  
基本步骤：

*  创建springboot工程，并勾选web开发相关依赖
 *  定义HelloController类，添加方法 hello，并添加注解
 *  运行测试

详细过程：

1.  创建 springboot 工程，填写模块信息，并勾选 web 开发相关依赖
    
    在打开的项目中选择新建模块，然后来到 Spring Initializr 界面：
    
    ![在这里插入图片描述][edabd5570f7049db8a07cb14e8dbe3f3.png]
    
    将信息补充完整：
    
    ![在这里插入图片描述][9f5868c7e3f240d29fba2d4530ff0561.png]
    
    点击 Next，然后在 Web 下勾选 Spring Web，再点击 Finish 即可：
    
    ![在这里插入图片描述][dc16966e1eb246168fbd03cd61164a8b.png]
    
    项目正在下载 SpringBoot 的相关依赖，右下角有进度条，大概要两三分钟，耐心等待即可：
    
    ![在这里插入图片描述][b210b4c1bb324bf9a26e8fae8c167dae.png]
    
    在我们新创建的 SpringBoot 项目中，有一些文件是没用的（下图中被选中部分），你可以删去或者保留：
    
    ![在这里插入图片描述][21d744acfe5e467fa0ed86053e2e7eec.png]
    
    简单说明一下 pom.xml 文件中的内容：
    
    ![在这里插入图片描述][3d77e8c710fc4b9ba36a33c4e2b84f28.png]
    
    在 src 的 main 的 java 目录下，我们可以看到 springboot 已经为我们创建了一个类，这个类是 springboot 的启动类：
    
    ![在这里插入图片描述][b898852386d04f508afce8f6699190f9.png]
2.  创建请求处理类HelloController，添加请求处理方法 hello，并添加注解
    
    在 java 下的 com.xixi 下创建一个包 controller，然后在包中创建类 HelloController：
    
    ![在这里插入图片描述][14b2bef8208a4befb9fdbff5dfdbea64.png]
    
    添加请求处理方法以及注解：
    
        import org.springframework.web.bind.annotation.RequestMapping;
        import org.springframework.web.bind.annotation.RestController;
        
        //请求处理类
        @RestController     //请求处理类需要添加的注解
        public class HelloController {
              
            @RequestMapping("/hello")  //声明要处理的请求路径
            public String hello() {
              
                System.out.println("Hello World~");
                return "Hello World~";
            }
        }
3.  运行启动类，打开浏览器测试
    
    打开 springboot 的启动类，右键选择启动，我们来看一下这个启动页面：
    
    ![在这里插入图片描述][2782ddad5ce3455b95b6762256d80307.png]
    
    接下来，打开浏览器，新建一个标签，在地址栏输入 localhost:8080/hello，然后回车：
    
    ![在这里插入图片描述][6bb0131875404fdd9ffc3a3f7cb10dd2.png]
    
    可以看到浏览器已经接收到返回的信息，启动页面也打印出了信息：
    
    ![在这里插入图片描述][f40ddb0373e44f83a84b153c5611ee31.png]
    
    到这里，入门程序就编写成功了。

## HTTP协议 ##

### HTTP-概述 ###

*  概念：Hyper Text Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则
    
    ![在这里插入图片描述][2f5e73041c5e45b1868a2e799e28b41b.png]
 *  特点：
    
    1.  基于TCP协议：面向连接，安全
    2.  基于请求-响应模型的：一次请求对应一次响应
    3.  HTTP协议是无状态的协议：对于事务处理没有记忆能力。每次请求-响应都是独立的
        
         *  缺点：多次请求间不能共享数据
         *  优点：速度快

### HTTP-请求协议 ###

**HTTP-请求数据格式**

![在这里插入图片描述][1ed521f590ea4da1af4efe07b76c0c66.png]

**常见的请求头：**

![在这里插入图片描述][23711c9e8660462ba56ffd327211f086.png]

**GET 和 POST 的区别：**

*  请求方式——GET: 请求参数在请求行中，没有请求体，如：/brand/findAll?name=OPPO&status=1，GET请求大小是有限制的
 *  请求方式——POST: 请求参数在请求体中，POST请求大小是没有限制的

**请求演示**

先准备一个 HTML 页面 `01. GET-POST.html`，位置如下图所示：

![在这里插入图片描述][a01351fbc23b4182b04cdbaa1e8555c9.png]

代码如下：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>请求方式演示-GET-POST</title>
    </head>
    <body>
    <form action="" method="get">
        姓 名: <input type="text" name="name"> <br>
        密 码: <input type="password" name="password"><br>
        <input type="submit" value="提交表单GET"><br>
    </form>
    
    <br><br><br>
    
    <form action="" method="post">
        姓 名: <input type="text" name="name"> <br>
        密 码: <input type="password" name="password"><br>
        <input type="submit" value="提交表单POST"><br>
    </form>
    
    </body>
    </html>

直接点击 IDEA 右上角的悬浮工具来打开这个页面：

![在这里插入图片描述][ba4bc974a41b4d2698e73ac0228c0b53.png]

打开 F12，点击 NetWork：

![在这里插入图片描述][928689e0d1be4a0fb4e79a9219644eb8.png]

填写第一个表单为 Tom 和 123，点击提交按钮后，可以看到其请求参数：

![在这里插入图片描述][464bd05554fe469ea7c1ff4a33bf042e.png]

将地址栏上的参数删去之后，填写第二个表单为 Tom 和 123，点击提交按钮后，可以看到其请求参数：

![在这里插入图片描述][ee2473bcd873416996f0a6cb2e48be34.png]

### HTTP-响应协议 ###

**HTTP响应格式**

![在这里插入图片描述][8b1e47e816304324bf58d38e1db0b192.png]

**状态码含义**

![在这里插入图片描述][84609476862d493482baa4ec8e0d331f.png]

**常见的响应状态码**

<table> 
 <thead> 
  <tr> 
   <th>状态码</th> 
   <th>英文描述</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>200</td> 
   <td><strong><code>OK</code></strong></td> 
   <td>客户端请求成功，即<strong>处理成功</strong>，这是我们最想看到的状态码</td> 
  </tr> 
  <tr> 
   <td>302</td> 
   <td><strong><code>Found</code></strong></td> 
   <td>指示所请求的资源已移动到由<code>Location</code>响应头给定的 URL，浏览器会自动重新访问到这个页面</td> 
  </tr> 
  <tr> 
   <td>304</td> 
   <td><strong><code>Not Modified</code></strong></td> 
   <td>告诉客户端，你请求的资源至上次取得后，服务端并未更改，你直接用你本地缓存吧。隐式重定向</td> 
  </tr> 
  <tr> 
   <td>400</td> 
   <td><strong><code>Bad Request</code></strong></td> 
   <td>客户端请求有<strong>语法错误</strong>，不能被服务器所理解</td> 
  </tr> 
  <tr> 
   <td>403</td> 
   <td><strong><code>Forbidden</code></strong></td> 
   <td>服务器收到请求，但是<strong>拒绝提供服务</strong>，比如：没有权限访问相关资源</td> 
  </tr> 
  <tr> 
   <td>404</td> 
   <td><strong><code>Not Found</code></strong></td> 
   <td><strong>请求资源不存在</strong>，一般是URL输入有误，或者网站资源被删除了</td> 
  </tr> 
  <tr> 
   <td>405</td> 
   <td><strong><code>Method Not Allowed</code></strong></td> 
   <td>请求方式有误，比如应该用GET请求方式的资源，用了POST</td> 
  </tr> 
  <tr> 
   <td>428</td> 
   <td><strong><code>Precondition Required</code></strong></td> 
   <td><strong>服务器要求有条件的请求</strong>，告诉客户端要想访问该资源，必须携带特定的请求头</td> 
  </tr> 
  <tr> 
   <td>429</td> 
   <td><strong><code>Too Many Requests</code></strong></td> 
   <td>指示用户在给定时间内发送了<strong>太多请求</strong>（“限速”），配合 Retry-After(多长时间后可以请求)响应头一起使用</td> 
  </tr> 
  <tr> 
   <td>431</td> 
   <td><strong><code> Request Header Fields Too Large</code></strong></td> 
   <td><strong>请求头太大</strong>，服务器不愿意处理请求，因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。</td> 
  </tr> 
  <tr> 
   <td>500</td> 
   <td><strong><code>Internal Server Error</code></strong></td> 
   <td><strong>服务器发生不可预期的错误</strong>。服务器出异常了，赶紧看日志去吧</td> 
  </tr> 
  <tr> 
   <td>503</td> 
   <td><strong><code>Service Unavailable</code></strong></td> 
   <td><strong>服务器尚未准备好处理请求</strong>，服务器刚刚启动，还未初始化好</td> 
  </tr> 
 </tbody> 
</table>

状态码大全：[https://cloud.tencent.com/developer/chapter/13553 ][https_cloud.tencent.com_developer_chapter_13553]

**常见的响应头**

![在这里插入图片描述][831032d8d0f84011906e505fdb55a21f.png]

### HTTP-协议解析 ###

**Web 服务器**

Web服务器是一个软件程序，对HTTP协议的操作进行封装，使得程序员不必直接对协议进行操作，让Web开发更加便捷，主要功能是 “提供网上信息浏览服务” 。

![在这里插入图片描述][0b252db4703e437fbb39d19dc297d9f5.png]

我们要学习的是 Tomcat。

## Web服务器-Tomcat ##

### 简介 ###

*  概念： Tomcat是Apache 软件基金会一个核心项目，是一个开源免费的轻量级Web服务器，支持Servlet/JSP少量JavaEE规范
 *  JavaEE：Java Enterprise Edition，Java企业版。指Java企业级开发的技术规范总和。包含13项技术规范：JDBC、JNDI、EJB、RMI、JSP、Servlet、XML、JMS、Java IDL、JTS、JTA、JavaMail、JAF
 *  Tomcat 也被称为 Web容器、Servlet容器，Servlet程序需要依赖于 Tomcat才能运行
 *  官网：[https://tomcat.apache.org/][https_tomcat.apache.org]

![在这里插入图片描述][63fe170e2ae64aeea9b38a862ae34ad9.png]

### 基本使用 ###

*  下载：官网下载，地址 [https://tomcat.apache.org/download-90.cgi][https_tomcat.apache.org_download-90.cgi]
    
    ![在这里插入图片描述][a3b813caa51b450ab2063a2fc7573bb3.png]
 *  安装：绿色版，直接解压即可，和 maven 差不多
 *  卸载：直接删除目录即可
 *  启动：双击：bin\\startup.bat
    
     *  控制台中文乱码：修改 conf\\logging.properties
    
    ![在这里插入图片描述][02155fa7464541259c7357dc07572440.png]
 *  关闭：
    
     *  直接关闭运行窗口：强制关闭
     *  双击 bin\\shutdown.bat：正常关闭
     *  Ctrl \+ C：正常关闭
 *  tomcat 目录下的文件说明：  
    ![在这里插入图片描述][8e9228d7b409400a9ec5379f41143dfe.png]

**常见问题**

*  启动时窗口一闪而过：检查 `JAVA_HOME` 环境变量是否正确配置
 *  端口号冲突：找到对应程序，将其关闭掉
    
    ![在这里插入图片描述][a3b9b3e3d78444039ed8fb34613ff2f6.png]

**配置Tomcat端口号（conf\\server.xml）**

![在这里插入图片描述][a6c2742a91dd4983ad73c2d72f50646c.png]

**注意事项**

HTTP协议默认端口号为80，如果将Tomcat端口号改为80，则将来访问Tomcat时，将不用输入端口号。

**Tomcat 部署项目**

将项目放置到 webapps 目录下， 即部署完成

### 入门程序解析 ###

![在这里插入图片描述][0787b23ed4954fbdafe0436b147dd0ce.png]

这是前面的 springboot 入门程序，右侧是这个项目的 maven 依赖，橙色这两个一创建工程就有的依赖称为起步依赖

**起步依赖**

*  spring-boot-starter-web：包含了**web应用**开发所需要的常见依赖
 *  spring-boot-starter-test：包含了**单元测试**所需要的常见依赖
 *  官方提供的starter：[https://docs.spring.io/spring-boot/docs/2.7.4/reference/htmlsingle/\#using.build-systems.starters][https_docs.spring.io_spring-boot_docs_2.7.4_reference_htmlsingle_using.build-systems.starters]

从这个工程的启动页面和包含的依赖，可以看出，springboot 内嵌了 Tomcat 服务器，当启动类运行时，也会自动启动内嵌的tomcat服务器。所以我们在开发过程中不用再去安装 Tomcat，后面我们大部分时候也是使用内嵌的 Tomcat。

![在这里插入图片描述][2453992a21654ff090bd48622f35226a.png]

[Link 1]: https://blog.csdn.net/weixin_62511863?spm=1011.2421.3001.5343
[JavaWeb]: https://blog.csdn.net/weixin_62511863/category_12511257.html?spm=1001.2014.3001.5482
[https_spring.io]: https://spring.io/
[fa85eff656f2415bbe89666569132d55.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/44c7cf217a1944e6a511666ac101ac75.png
[be8be593c7464720b04437a0c219ab7d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c1907b94d8d1420da4a99ea6ad9430fe.png
[de68a19a80b14cd7b17f5512f4072a24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a212ff67b23f4c588dc232e42edb1ad7.png
[cf42e02e28b14fc9847f572f44e1e7d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/61c8bc77c6174128982e6f9fe5a3c99e.png
[edabd5570f7049db8a07cb14e8dbe3f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a57e419e7e454d51931ca78c758d09b6.png
[9f5868c7e3f240d29fba2d4530ff0561.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/d7e7c310670846828682287a167ddb19.png
[dc16966e1eb246168fbd03cd61164a8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/dcb8b95f87fd45aea86da9193020eecf.png
[b210b4c1bb324bf9a26e8fae8c167dae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/454995532b4344ffa321bbb51707859c.png
[21d744acfe5e467fa0ed86053e2e7eec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/532a91ac8bc14794a4c2b1a9d3524851.png
[3d77e8c710fc4b9ba36a33c4e2b84f28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/3db69117512d49d8b29348b7630e2f63.png
[b898852386d04f508afce8f6699190f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/340e710d4f124dfc8ef322653ac76696.png
[14b2bef8208a4befb9fdbff5dfdbea64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b8370d8551004ceca1c74eca7341b047.png
[2782ddad5ce3455b95b6762256d80307.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/bb9d9d318898458e98d9f8c7cdf19fa5.png
[6bb0131875404fdd9ffc3a3f7cb10dd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/50aecd5090834f6795803f1790d80dc0.png
[f40ddb0373e44f83a84b153c5611ee31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/fb9a857f6b554b1fa73a1c1088f387e8.png
[2f5e73041c5e45b1868a2e799e28b41b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2877ba3ff1224592ae6dfacd8d4b7822.png
[1ed521f590ea4da1af4efe07b76c0c66.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/31238af137634c489a36bc3fe5a0d57c.png
[23711c9e8660462ba56ffd327211f086.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f44de14b23074c4cbefadf93f240f64c.png
[a01351fbc23b4182b04cdbaa1e8555c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a7d8386655fc4457894330b59a944379.png
[ba4bc974a41b4d2698e73ac0228c0b53.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/3ba717abb6594e3aa2dbfe834450eb53.png
[928689e0d1be4a0fb4e79a9219644eb8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/68d5867800f14dc7889b615c62ef8651.png
[464bd05554fe469ea7c1ff4a33bf042e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/ae3f6fe37c30406f96c88bc6351d36f5.png
[ee2473bcd873416996f0a6cb2e48be34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/98a4cbc0f37e4305a16094ce14e4631d.png
[8b1e47e816304324bf58d38e1db0b192.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/cf06405d6ad34eb2a906e0d08c8f3c09.png
[84609476862d493482baa4ec8e0d331f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c16406cd9b9942f1839c4983d385d3a1.png
[https_cloud.tencent.com_developer_chapter_13553]: https://cloud.tencent.com/developer/chapter/13553
[831032d8d0f84011906e505fdb55a21f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b1d56b959cdb4630856b392b8d47e434.png
[0b252db4703e437fbb39d19dc297d9f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/700c25a93c614780a314e7faa6d75f39.png
[https_tomcat.apache.org]: https://tomcat.apache.org/
[63fe170e2ae64aeea9b38a862ae34ad9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0c0a19f6f6d247619ec7bcf9fd3754d3.png
[https_tomcat.apache.org_download-90.cgi]: https://tomcat.apache.org/download-90.cgi
[a3b813caa51b450ab2063a2fc7573bb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/de0c6cd3dec445e6b6576433a0c4fecf.png
[02155fa7464541259c7357dc07572440.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/feb23a5b48e84ac1ad4dfff99f18cb26.png
[8e9228d7b409400a9ec5379f41143dfe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/4f7f56589af646c483661e7ea66de916.png
[a3b9b3e3d78444039ed8fb34613ff2f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/89c669899a324f43ae25399ab6417f5b.png
[a6c2742a91dd4983ad73c2d72f50646c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/d2eb3913c73f48609131eae2f8f835c3.png
[0787b23ed4954fbdafe0436b147dd0ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/474e2ad03f0c4605bf70147993cf8dd6.png
[https_docs.spring.io_spring-boot_docs_2.7.4_reference_htmlsingle_using.build-systems.starters]: https://docs.spring.io/spring-boot/docs/2.7.4/reference/htmlsingle/#using.build-systems.starters
[2453992a21654ff090bd48622f35226a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/8b9a688bc49d4bd3ac686745404503c1.png