webflux 用户管理界面

dmlllll 发布于2019-06-26 18:03 / 1862人阅读

摘要：一个简单的用户管理的已经完成，现在我们需要在页面上展示，方便用户管理。创建首页页面首页欢迎页面首页实战课程你想学点啥上班摸鱼下班充电案例上手本课程是一个系列基础教程，目标是带领读者上手实战，课程以新版本的核心概念作为主线。

一个简单的用户管理的CRUD已经完成，现在我们需要在页面上展示，方便用户管理。尽管现在已经流行前后分离开发，但是在一些小公司做的项目并不需要前端开发人员，页面也是后端开发在写。所以这次我们使用thymeleaf来开发页面。

1 集成thymeleaf

pom文件依赖：


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

开启thymeleaf

spring.thymeleaf.enabled=true

2 创建资源目录

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

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

3 创建首页

controller

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

页面首页：





欢迎页面




    
        
            
                
                
                    Mike Study
                

                
                
                    
                        首页
                        实战课程
                    
                    
                        
                            
                        
                        
                    
                    
                        上班摸鱼
                        下班充电
                    
                
                
            
            
        
        
            
                案例上手 Spring Boot WebFlux!
                本课程是一个系列基础教程，目标是带领读者上手实战，课程以新版本 Spring Boot 2.0 WebFlux
                    的核心概念作为主线。围绕 Spring Boot 2.0 WebFlux 技术栈的系列教程，目标是带领读者了解 Spring Boot
                    2.0 WebFlux 各种特性，并学会使用 Spring Boot 相关技术栈上手开发项目。
                
                    只有不断地学习才能进步
                    
                        Mike Liu
                    
                
            
        
        
        
           
           
欢迎页面




    
    
    
        
            
                
                
                    Mike Study
                

                
                
                    
                        首页
                        实战课程
                    
                    
                        
                            
                        
                        
                    
                    
                        上班摸鱼
                        下班充电
                    
                
                
            
            
        

        
            
                使用mongodb存储数据  用户列表
            
            
        
        
            
                
                    
                        序号
                        名称
                        性别
                        工作
                        电话
                        地址
                        编辑
                    
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                             删除
                        
                    

                
            
        

        
        
            
                
                    
                        
                        修改用户信息
                    
                    

                        
                        
                            
                                姓名：
                                
                                
                                
                            
                            
                                性别：
                                
                                
                                
                            
                            
                                工作：
                                
                                
                                
                            
                            
                                电话：
                                
                                
                                
                            
                            
                                地址：

4 总结

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

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

私有云专线服务用户界面 Webflux 手机用户界面设计 java用户聊天界面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/19538.html

Spring Boot 2 快速教程：WebFlux 集成 Thymeleaf（五）

摘要：数据和信息是不可分离的，数据是信息的表达，信息是数据的内涵。数据本身没有意义，数据只有对实体行为产生影响时才成为信息。主要目标是为开发提供天然的模板，并且能在里面准确的显示。目前是自然更加推荐。这是泥瓦匠的第105篇原创文章工程： JDK 1.8 Maven 3.5.2 Spring Boot 2.1.3.RELEASE 工程名：springboot-webflux-4-thym...

姘存按 2019-08-16 17:46 评论0 收藏0
Spring Boot 2.x 系列教程：WebFlux REST API 全局异常处理 Error

摘要：挺多人咨询的，异常处理用切面注解去实现去全局异常处理。全局异常处理类，代码如下代码解析如下抽象类是用来处理全局错误时进行扩展和实现注解标记的切面排序，值越小拥有越高的优先级，这里设置优先级偏高。本文内容为什么要全局异常处理？ WebFlux REST 全局异常处理实战小结摘录：只有不断培养好习惯，同时不断打破坏习惯，我们的行为举止才能够自始至终都是正确的。一、为什么要全局...

BicycleWarrior 2019-08-16 16:43 评论0 收藏0
Spring Boot Admin 2.1.0 全攻略

摘要：并向注册中心注册，注册地址为，最后将的所有端口暴露出来，配置如下在工程的启动类加上注解，开启的功能，加上注解开启的功能。在启动类加上注解，开启的功能。转载请标明出处： https://www.fangzhipeng.com本文出自方志朋的博客 Spring Boot Admin简介 Spring Boot Admin是一个开源社区项目，用于管理和监控SpringBoot应用程序。 ...

TalkingData 2019-08-16 14:14 评论0 收藏0
Spring Boot 2 快速教程：WebFlux 集成 Mongodb（四）

摘要：在配置下上面启动的配置数据库名为账号密码也为。突出点是，即非阻塞的。四对象修改包里面的城市实体对象类。修改城市对象，代码如下城市实体类城市编号省份编号城市名称描述注解标记对应库表的主键或者唯一标识符。摘要: 原创出处 https://www.bysocket.com 「公众号：泥瓦匠BYSocket 」欢迎关注和转载，保留摘要，谢谢！这是泥瓦匠的第104篇原创文章工程： JDK...

Corwien 2019-08-16 17:37 评论0 收藏0
Spring Security: Webflux 默认配置

摘要：默认配置所谓默认配置就是对不做任何配置让它的自动配置起作用目的是对的默认行为有一个初步的直观的了解第一步使用的创建项目项目创建完成会自动生成一个应用入口类第二步创建一个控制器启动会在控制台输出中看到一个水机生成的格式的密码最后打开即可显示默认配置所谓默认配置, 就是对Spring Security不做任何配置. 让它的自动配置起作用. 目的是对Spring Security 的默认...

luoyibu 2019-06-21 16:45 评论0 收藏0