html5移动网站模板-SpringBootThymeleaf 基于 HTML5 的现代模板引擎

前言：

Thymeleaf 是 Java 服务器的模板引擎。 与传统的JSP不同html5移动网站模板，后者可以直接用浏览器打开。 由于扩展属性可以忽略，相当于打开了一个原生页面，这也给后端人员带来了一定的便利。 如果你已经厌倦了 JSP+JSTL 的组合，Thymeleaf 似乎是一个不错的选择！ 本项目传送门：SpringBoot-Web-Thymeleaf

学习目标

简单三步！ 快速学习使用Thymealf的常用模板。

快速查看

源码下载：SpringBoot-Web-Thymeleaf

主题阅读：《SpringBoot讲道系列》

开始使用 1.引入依赖

SpringBoot默认提供了Thymeleaf的Starter，只需要简单引入依赖即可。

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

目前默认版本是2.1，如果想升级到3.0版本，可以这样修改。

 
 3.0.7.RELEASE
 2.0.0
 

为了方便开发，项目案例使用了热部署工具dev-tools，这样当我们更改页面后，IDEA会手动加载，从而达到热更新的效果。

 
 org.springframework.boot
 spring-boot-devtools
 runtime
 

注意：由于IDEA默认关闭热部署，因此需要进行一些设置才能使其生效。 解决办法：先按住Ctrl+Shift+Alt+/然后进入Registry（或者双击Shift搜索Registry...），然后勾选compiler.automake.allow.when.app.running。 另外，Build->Compiler 也应该自动勾选BuildProject。

2.添加相关配置

Thymeleaf 默认启用页面缓存，您应该在开发过程中关闭缓存。 据悉，一般我们都会指定页面的存储路径。 （默认为类路径：/templates/）

application.yml 配置如下：
spring:
 thymeleaf:
 cache: false #关闭缓存
 prefix: classpath:/views/ #添加路径前缀

3. 编写HTML

编写 Thymeleaf 和编写 HTML5 页面没有区别。 最大的改变是使用扩展属性（th:xx）与服务器交互html5移动网站模板，并保留了原有的页面风格，这也是Thymeleaf推崇的风格。 比如下面这个简单的案例，在启动项目的时候，我们发现页面跳转到了简书的链接，这也验证了Thymeleaf对于原始页面数据的优秀覆盖能力。

页面代码：



 


 
欢迎使用Thymeleaf!!
 戳我有惊喜


后端代码：
@Controller
public class UserController {
 @GetMapping("/")
 public String index(Model model) {
 model.addAttribute("info", "user/list");
 return "index";
 }
 @GetMapping("/user")
 public String hehe(Model model) {
 model.addAttribute("user", new User(UUID.randomUUID().toString(), "yizhiwazi", "20170928"));
 return "user";
 }
 @GetMapping("/user/list")
 public String userlist(Model model) {
 List userList = new ArrayList();
 userList.add(new User(UUID.randomUUID().toString(), "yizhiwazi", "20170928"));
 userList.add(new User(UUID.randomUUID().toString(), "kumamon", "123456"));
 userList.add(new User(UUID.randomUUID().toString(), "admin", "admin"));
 model.addAttribute("userList", userList);
 return "userList";
 }
}

现在我们尝试构建一个表单来显示单个用户信息。

接下来，我们进入更复杂的情况，例如显示用户列表信息，

无需编辑新标签即可完成批量用户的遍历。

用户列表

 
 用户姓名：
 登录密码：

好了，Thymeleaf就简单介绍到这里

我本人是一名从事开发多年的Java老程序员。 离职后我目前正在从事自己的私人定制Java课程。 从基础JavaSE到Spring的各种框架都整理好了，献给每一位Java男伙伴，想要获取的可以关注我的头条号后台私信我：Java，免费获取。