pom文件依赖：

            org.springframework.boot
            spring-boot-starter-thymeleaf
        

开启thymeleaf

spring.thymeleaf.enabled=true

在resources目录下创建templates和static目录，templates下放你的html页面，static下放你的css以及js。这些目录是thymeleaf默认的，如果需要修改成别的目录，可以自行配置。感觉没必要修改了。

去bootstrap网站下载生产环境的文件放在static目录下，这样我们写页面就不用关心样式。

controller

@Controller
public class Index {
    
    @GetMapping("/")
    public String index(){
        return "index";
    }
}

页面 首页：

    

        
        

            

                
案例上手 Spring Boot WebFlux!
                
本课程是一个系列基础教程，目标是带领读者上手实战，课程以新版本 Spring Boot 2.0 WebFlux
                    的核心概念作为主线。围绕 Spring Boot 2.0 WebFlux 技术栈的系列教程，目标是带领读者了解 Spring Boot
                    2.0 WebFlux 各种特性，并学会使用 Spring Boot 相关技术栈上手开发项目。
                

                    
只有不断地学习才能进步
                    
                
            
        
        
        

           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
        
        
        

           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
           

           
           
mongodb开发用户管理系统mongodb
           
发布时间：2019-01-01
           
        
        
    

用户的controller上一篇中已经写了
页面 用户页面：

    
    
    

        

        

            

                使用mongodb存储数据  用户列表
            
            新增
        
        

            

                

                    

                        
序号
                        
名称
                        
性别
                        
工作
                        
电话
                        
地址
                        
编辑
                    
                
                

                    

                        

                        

                        

                        

                        

                        

                        

                            修改 删除
                        
                    

                
            
        

        
        

            

                

                    

                        
                            ×
                        
                        
修改用户信息
                    
                    


                        

                        
                            

                                姓名：
                                

                                
                                
                            
                            

                                性别：
                                

                                
                                
                            
                            

                                工作：
                                

                                
                                
                            
                            

                                电话：
                                

                                
                                
                            
                            

                                地址：
                                

                                
                                
                            
                        

                    
                    

                        关闭
                        确认
                    
                
            
        


    
    
    
    
    

thymeleaf 语法需要自己去学习掌握，这种前后一起开发的效率不是很高，只适合于简单页面的开发。如果是复杂页面，建议还是使用vue，react来开发，这样数据邦定就会比较简单。

跪求关注我的公众号：mike啥都想搞

原文地址:https://segmentfault.com/a/1190000019127247，作者:Mike晓

以上就是对webflux 用户管理界面的相关介绍，希望对您学习有所帮助，感谢您关注懒咪IT学习网!

本文地址：https://c.lanmit.com/shujuku/MongoDB/61352.html