利用Spring boot如何创建简单的web交互应用

关于页面渲染

其实在工作中，一直都是前后端分离，也就是说，我的工作从来都是提供接口，而不写 html CSS js 之类的，所以在这方面也没有经验。

这里为了给大家介绍下模板引擎，我将会写个非常非常简单的页面，如果不好看，请见谅~

Spring Boot 官方推荐的模板引擎是 Thymeleaf ，点击可以进入其官网了解详情。

本章目标

• 让 spring Boot 应用可以访问到静态资源文件
• 创建用户登录表单，并对用户名、密码进行校验
• 校验失败，将返回登录页，并展示错误信息
• 校验成功，重定向到苹果列表页面
  

快速开始

添加依赖文件

创建一个 quick-thymeleaf 项目，创建方式参见上一篇文章 SpringBoot 入门。

创建好之后，修改我们的 POM 文件，添加 Thymeleaf 依赖，这里我们同时用到了 lombok 注解。

<!-- 模板 --><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!-- 引入 lombok ,用于注解 Model --><dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.12.6</version></dependency>