mirror of
https://github.com/zhwei820/learn.lianglianglee.com.git
synced 2025-11-18 23:23:44 +08:00
fix img & index.html & .md.html
This commit is contained in:
by931
@@ -12,9 +12,7 @@
|
||||
<!-- theme css & js -->
|
||||
<meta name="generator" content="Hexo 4.2.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="book-container">
|
||||
<div class="book-sidebar">
|
||||
<div class="book-brand">
|
||||
@@ -27,98 +25,59 @@
|
||||
<ul class="uncollapsible">
|
||||
<li><a href="/" class="current-tab">首页</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="uncollapsible">
|
||||
<li><a href="../">上一级</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="uncollapsible">
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/01 导读：课程概要.md.html">01 导读：课程概要.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/01 导读：课程概要.md.html">01 导读：课程概要</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<a class="current-tab" href="/专栏/案例上手 Spring Boot WebFlux（完）/02 WebFlux 快速入门实践.md.html">02 WebFlux 快速入门实践.md.html</a>
|
||||
<a class="current-tab" href="/专栏/案例上手 Spring Boot WebFlux（完）/02 WebFlux 快速入门实践.md.html">02 WebFlux 快速入门实践</a>
|
||||
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/03 WebFlux Web CRUD 实践.md.html">03 WebFlux Web CRUD 实践.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/03 WebFlux Web CRUD 实践.md.html">03 WebFlux Web CRUD 实践</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/04 WebFlux 整合 MongoDB.md.html">04 WebFlux 整合 MongoDB.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/04 WebFlux 整合 MongoDB.md.html">04 WebFlux 整合 MongoDB</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/05 WebFlux 整合 Thymeleaf.md.html">05 WebFlux 整合 Thymeleaf.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/05 WebFlux 整合 Thymeleaf.md.html">05 WebFlux 整合 Thymeleaf</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/06 WebFlux 中 Thymeleaf 和 MongoDB 实践.md.html">06 WebFlux 中 Thymeleaf 和 MongoDB 实践.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/06 WebFlux 中 Thymeleaf 和 MongoDB 实践.md.html">06 WebFlux 中 Thymeleaf 和 MongoDB 实践</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/07 WebFlux 整合 Redis.md.html">07 WebFlux 整合 Redis.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/07 WebFlux 整合 Redis.md.html">07 WebFlux 整合 Redis</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/08 WebFlux 中 Redis 实现缓存.md.html">08 WebFlux 中 Redis 实现缓存.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/08 WebFlux 中 Redis 实现缓存.md.html">08 WebFlux 中 Redis 实现缓存</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/09 WebFlux 中 WebSocket 实现通信.md.html">09 WebFlux 中 WebSocket 实现通信.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/09 WebFlux 中 WebSocket 实现通信.md.html">09 WebFlux 中 WebSocket 实现通信</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/10 WebFlux 集成测试及部署.md.html">10 WebFlux 集成测试及部署.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/10 WebFlux 集成测试及部署.md.html">10 WebFlux 集成测试及部署</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/11 WebFlux 实战图书管理系统.md.html">11 WebFlux 实战图书管理系统.md.html</a>
|
||||
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/11 WebFlux 实战图书管理系统.md.html">11 WebFlux 实战图书管理系统</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-toggle" onclick="sidebar_toggle()" onmouseover="add_inner()" onmouseleave="remove_inner()">
|
||||
<div class="sidebar-toggle-inner"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function add_inner() {
|
||||
let inner = document.querySelector('.sidebar-toggle-inner')
|
||||
inner.classList.add('show')
|
||||
}
|
||||
|
||||
function remove_inner() {
|
||||
let inner = document.querySelector('.sidebar-toggle-inner')
|
||||
inner.classList.remove('show')
|
||||
}
|
||||
|
||||
function sidebar_toggle() {
|
||||
let sidebar_toggle = document.querySelector('.sidebar-toggle')
|
||||
let sidebar = document.querySelector('.book-sidebar')
|
||||
@@ -133,8 +92,6 @@
|
||||
content.classList.add('extend')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function open_sidebar() {
|
||||
let sidebar = document.querySelector('.book-sidebar')
|
||||
let overlay = document.querySelector('.off-canvas-overlay')
|
||||
@@ -147,9 +104,7 @@ function hide_canvas() {
|
||||
sidebar.classList.remove('show')
|
||||
overlay.classList.remove('show')
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<div class="off-canvas-content">
|
||||
<div class="columns">
|
||||
<div class="column col-12 col-lg-12">
|
||||
@@ -172,7 +127,6 @@ function hide_canvas() {
|
||||
<h3>Spring Boot 2.0</h3>
|
||||
<p>spring.io 官网有句醒目的话是：</p>
|
||||
<pre><code>BUILD ANYTHING WITH SPRING BOOT
|
||||
|
||||
</code></pre>
|
||||
<p>Spring Boot （Boot 顾名思义，是引导的意思）框架是用于简化 Spring 应用从搭建到开发的过程。应用开箱即用，只要通过一个指令，包括命令行 <code>java -jar</code> 、<code>SpringApplication</code> 应用启动类 、 Spring Boot Maven 插件等，就可以启动应用了。另外，Spring Boot 强调只需要很少的配置文件，所以在开发生产级 Spring 应用中，让开发变得更加高效和简易。目前，Spring Boot 版本是 2.x 版本。Spring Boot 包括 WebFlux。</p>
|
||||
<p><img src="assets/87db53c0-b936-11e7-b969-cb3cfaf54002-1608971096373" alt="img" /></p>
|
||||
@@ -264,7 +218,6 @@ function hide_canvas() {
|
||||
<groupId>org.springframework.boot</groupId>
|
||||
<artifactId>spring-boot-starter-webflux</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework.boot</groupId>
|
||||
<artifactId>spring-boot-starter-test</artifactId>
|
||||
@@ -276,7 +229,6 @@ function hide_canvas() {
|
||||
<scope>test</scope>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
|
||||
<build>
|
||||
<plugins>
|
||||
<plugin>
|
||||
@@ -285,7 +237,6 @@ function hide_canvas() {
|
||||
</plugin>
|
||||
</plugins>
|
||||
</build>
|
||||
|
||||
</code></pre>
|
||||
<p>spring-boot-starter-webflux 依赖，是我们核心需要学习 webflux 的包，里面默认包含了 spring-boot-starter-reactor-netty 、spring 5 webflux 包，也就是说默认是通过 netty 启动的。</p>
|
||||
<p>reactor-test、spring-boot-starter-test 两个依赖搭配是用于单元测试。</p>
|
||||
@@ -298,16 +249,13 @@ import org.springframework.web.reactive.function.BodyInserters;
|
||||
import org.springframework.web.reactive.function.server.ServerRequest;
|
||||
import org.springframework.web.reactive.function.server.ServerResponse;
|
||||
import reactor.core.publisher.Mono;
|
||||
|
||||
@Component
|
||||
public class CityHandler {
|
||||
|
||||
public Mono<ServerResponse> helloCity(ServerRequest request) {
|
||||
return ServerResponse.ok().contentType(MediaType.TEXT_PLAIN)
|
||||
.body(BodyInserters.fromObject("Hello, City!"));
|
||||
}
|
||||
}
|
||||
|
||||
</code></pre>
|
||||
<p>ServerResponse 是对响应的封装，可以设置响应状态、响应头、响应正文。比如 ok 代表的是 200 响应码、MediaType 枚举是代表这文本内容类型、返回的是 String 的对象。</p>
|
||||
<p>这里用 Mono 作为返回对象，是因为返回包含了一个 ServerResponse 对象，而不是多个元素。</p>
|
||||
@@ -321,10 +269,8 @@ import org.springframework.web.reactive.function.server.RequestPredicates;
|
||||
import org.springframework.web.reactive.function.server.RouterFunction;
|
||||
import org.springframework.web.reactive.function.server.RouterFunctions;
|
||||
import org.springframework.web.reactive.function.server.ServerResponse;
|
||||
|
||||
@Configuration
|
||||
public class CityRouter {
|
||||
|
||||
@Bean
|
||||
public RouterFunction<ServerResponse> routeCity(CityHandler cityHandler) {
|
||||
return RouterFunctions
|
||||
@@ -332,9 +278,7 @@ public class CityRouter {
|
||||
.and(RequestPredicates.accept(MediaType.TEXT_PLAIN)),
|
||||
cityHandler::helloCity);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</code></pre>
|
||||
<p>RouterFunctions 对请求路由处理类，即将请求路由到处理器，这里将一个 GET 请求 /hello 路由到处理器 cityHandler 的 helloCity 方法上。跟 Spring MVC 模式下的 HandleMapping 的作用类似。</p>
|
||||
<p>RouterFunctions.route(RequestPredicate, HandlerFunction) 方法，对应的入参是请求参数和处理函数，如果请求匹配，就调用对应的处理器函数。</p>
|
||||
@@ -343,7 +287,6 @@ public class CityRouter {
|
||||
<p>一个简单的 Spring Boot Webflux 工程就开发完毕了，下面运行工程验证下。使用 IDEA 右侧工具栏，点击 Maven Project Tab ，点击使用下 Maven 插件的 install 命令，或者使用命令行的形式，在工程根目录下，执行 Maven 清理和安装工程的指令：</p>
|
||||
<pre><code>cd springboot-webflux-1-quickstart
|
||||
mvn clean install
|
||||
|
||||
</code></pre>
|
||||
<p>在控制台中看到成功的输出：</p>
|
||||
<pre><code>... 省略
|
||||
@@ -354,7 +297,6 @@ mvn clean install
|
||||
[INFO] Finished at: 2017-10-15T10:00:54+08:00
|
||||
[INFO] Final Memory: 31M/174M
|
||||
[INFO] ------------------------------------------------------------------------
|
||||
|
||||
</code></pre>
|
||||
<h4>运行工程</h4>
|
||||
<p>在 IDEA 中执行 Application 类启动，任意正常模式或者 Debug 模式，可以在控制台看到成功运行的输出：</p>
|
||||
@@ -362,7 +304,6 @@ mvn clean install
|
||||
2018-04-10 08:43:39.932 INFO 2052 --- [ctor-http-nio-1] r.ipc.netty.tcp.BlockingNettyContext : Started HttpServer on /0:0:0:0:0:0:0:0:8080
|
||||
2018-04-10 08:43:39.935 INFO 2052 --- [ main] o.s.b.web.embedded.netty.NettyWebServer : Netty started on port(s): 8080
|
||||
2018-04-10 08:43:39.960 INFO 2052 --- [ main] org.spring.springboot.Application : Started Application in 6.547 seconds (JVM running for 9.851)
|
||||
|
||||
</code></pre>
|
||||
<p>一看，确实是 Netty 启动的。</p>
|
||||
<p>打开浏览器，访问 /hello 地址，会看到如图所示的返回结果：</p>
|
||||
@@ -379,12 +320,10 @@ mvn clean install
|
||||
<a href="/专栏/案例上手 Spring Boot WebFlux（完）/03 WebFlux Web CRUD 实践.md.html">下一页</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a class="off-canvas-overlay" onclick="hide_canvas()"></a>
|
||||
</div>
|
||||
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"70997930a9ce3cfa","version":"2021.12.0","r":1,"token":"1f5d475227ce4f0089a7cff1ab17c0f5","si":100}' crossorigin="anonymous"></script>
|
||||
@@ -393,11 +332,9 @@ mvn clean install
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NPSEEVD756"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-NPSEEVD756');
|
||||
var path = window.location.pathname
|
||||
@@ -411,14 +348,12 @@ mvn clean install
|
||||
} else {
|
||||
setCookie("lastPath", path)
|
||||
}
|
||||
|
||||
function setCookie(cname, cvalue) {
|
||||
var d = new Date();
|
||||
d.setTime(d.getTime() + (180 * 24 * 60 * 60 * 1000));
|
||||
var expires = "expires=" + d.toGMTString();
|
||||
document.cookie = cname + "=" + cvalue + "; " + expires + ";path = /";
|
||||
}
|
||||
|
||||
function getCookie(cname) {
|
||||
var name = cname + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
@@ -428,7 +363,5 @@ mvn clean install
|
||||
}
|
||||
return "";
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user