javah5模板引擎_详解SpringBoot+Thymeleaf基于HTML5的现
代模板引擎
序⾔：
Thymeleaf 是Java服务端的模板引擎，与传统的JSP不同，前者可以使⽤浏览器直接打开，因为可以忽略掉拓展属性，相当于打开原⽣页⾯，给前端⼈员也带来⼀定的便利。如果你已经厌倦了JSP+JSTL的组合，Thymeleaf或许是个不错的选择！本⼯程传送门：SpringBoot-Web-Thymeleaf
开始使⽤
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
h5免费模板下载spring-boot-devtools
runtime
注：由于IDEA默认关闭了热部署，需要做⼀些设置才能使其⽣效。解决⽅法：⾸先按住Ctrl+Shift+Alt+/ 然后进⼊ Registry ，然后勾选compiler.automake.allow.when.app.running 即可。另外，Build->Compiler 也要勾选上Build Project automatically .
2. 添加相关配置
Thymeleaf默认开启了页⾯缓存，在开发的时候，应该关闭缓存。此外，通常我们还会指定页⾯的存放路径。(默认是
classpath:/templates/)
spring:
thymeleaf:
cache: false #关闭缓存
prefix: classpath:/views/ #添加路径前缀
3.编写HTML
编写Thymeleaf和书写HTML5页⾯没有什么不同，最⼤的转变就是使⽤拓展属性(th:xx)去跟服务端进⾏数据交互，保留原始页⾯风格，也是Thymeleaf的推崇的风格。例如下⾯这个简单的案例，启动项⽬，我们发现页⾯跳转的是简书的连接，这⼀点也验证了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简单介绍到这⾥，更多详细说明，可阅读Thymeleaf 官⽅指南 3.0
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持脚本之家。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。