本篇内容我们会实现如下图所示的城市管理系统，因为上面案例都用的是 City，所以这里直接使用城市作为对象，写一个简单的城市管理系统，如图所示：

首先新生成一个项目：

可以看到，添加了web，数据库，视图三个依赖组件，清晰简单。

真个项目是一个简单的分层的增删改查系统，先来看实体类domain层：

可以看到，实体类设置了包括主键以内的四个属性，比较简单。

再来看dao层，

对MongoDB的操作，只需要继承ReactiveMongoRepository就可以，里面包含了默认的操作数据库的方法。包含了经典的增删改查操作。

再来看service层，包含了操作接口和实现类，

CityController 控制层使用注解驱动的模式来进行开发，代码如下：

可以创建不同功能的控制层，来处理不同的 HTTP 业务请求，比如 CityFrontController、CityAdminController 等分别处理不同场景的问题。

getCityList 方法：处理“/city”的 GET 请求，用来获取 City 列表。

getCity 方法：处理“/city/update/{id}”的 GET 请求，用来获取 City 信息。

postCity 方法：处理“/book/create”的 POST 请求，用来新建 Book 信息；通过 @ModelAttribut 绑定实体参数，也通过 @RequestBody @RequestParam 传递参数。

putCity 方法：处理“/update”的 PUT 请求，用来更新 City 信息，并使用 redirect 重定向到列表页面。

cityForm 提交表单页面表单页面如下：

利用的是 Thymeleaf 语法，上面章节也讲过具体使用方法，这里实现新增城市和更新城市两个操作。巧妙利用了 action 字段去动态判断请求是新增还是更新的控制层方法，然后进行 form 表单提交。

cityList 城市列表页面列表页面代码如下：

运行工程

一个  Spring Boot WebFlux 工程就开发完毕了，下面运行工程验证下。在 IDEA 中执行 Application 类启动，任意正常模式或者 Debug 模式，可以在控制台看到成功运行的输出：

打开浏览器，输入地址：http://localhost:8010/city，即打开城市列表页面：

然后新增，或者单击城市名称修改，到表单提交页面：

总结

这里，初步实现了小案例城市管理系统，基本满足日常的 CRUD 业务流程操作。上手教程只是上手，具体复杂逻辑，欢迎一起多交流学习。

（如果webflux在视图跳转中存在问题，建议使用rest接口异步实现）

原文：https://gitbook.cn/gitchat/column/5acda6f6d7966c5ae1086f2b/topic/5acdaaa5d7966c5ae10870ac

代码：https://gitee.com/blueses/springboot-webflux