webflux 用户管理界面

一个简单的用户管理的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";
    }
}

页面 首页





欢迎页面




    

案例上手 Spring Boot WebFlux!

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

只有不断地学习才能进步

Mike Liu
...

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上一篇中已经写了
页面 用户页面





欢迎页面




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


4 总结

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

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

你可能感兴趣的:(web,mongoose,mongodb)