Spring-boot(二)--thymeleaf
- @Controller
- @RequestMapping("/")
- public class MessageController {
- private final MessageRepository messageRepository;
- @Autowired
- public MessageController(MessageRepository messageRepository) {
- this.messageRepository = messageRepository;
- }
- @RequestMapping
- public ModelAndView list() {
- Iterable<Message> messages = this.messageRepository.findAll();
- return new ModelAndView("messages/list", "messages", messages);
- }
- @RequestMapping("{id}")
- public ModelAndView view(@PathVariable("id") Message message) {
- return new ModelAndView("messages/view", "message", message);
- }
- @RequestMapping(params = "form", method = RequestMethod.GET)
- public String createForm(@ModelAttribute Message message) {
- return "messages/form";
- }
- @RequestMapping(method = RequestMethod.POST)
- public ModelAndView create(@Valid Message message, BindingResult result,
- RedirectAttributes redirect) {
- if (result.hasErrors()) {
- return new ModelAndView("messages/form", "formErrors", result.getAllErrors());
- }
- message = this.messageRepository.save(message);
- redirect.addFlashAttribute("globalMessage", "Successfully created a new message");
- return new ModelAndView("redirect:/{message.id}", "message.id", message.getId());
- }
- @RequestMapping("foo")
- public String foo() {
- throw new RuntimeException("Expected exception in controller");
- }
- }
注:@Controller:1:spring的控制层。2:spring的注解之一放在类名之前3:spring配置文件中如果配置了扫描包路径,自动检测该注释的类并注入。4:spring控制层可以接收请求,并且返回响应。
@RequestMapping:用户请求路径是http://localhost:8080/项目名/类的@RequestMapping的value值/方法的@RequestMapping的value值。
@Autowired:依赖注入。
@PathVariable:rest访问方式获取参数传递
ModelAndView:一次性返回model和view2个对象,有7个构造函数,用来设定返回对象和视图,也可以用set方法设置。
@ModelAttribute:获取页面传递参数。也可以这样用
- @ModelAttribute("user")
- public User addAccount() {
- return new User("jz","123");
- }
- @RequestMapping(value = "/helloWorld")
- public String helloWorld(@ModelAttribute("user") User user) {
- user.setUserName("jizhou");
- return "helloWorld";
- }
@SessionAttributes("user")用户同上只是使用范围不同而已。
RedirectAttributes:我的理解是controller控制层跳转到控制层传递参数用的。
@Valid:对实体类的一个验证。验证符合jpa的标准。要和BindingResult result配合使用,如果验证不通过的话,result.hasErrors(),跳转 。如一个实体类标准:
- import javax.validation.constraints.Min;
- import javax.validation.constraints.NotNull;
- import org.hibernate.validator.constraints.NotBlank;
- public class User {
- private String username;
- private String password;
- private int age;
- @NotBlank(message="用户名不能为空")
- public String getUsername() {
- return username;
- }
- public void setUsername(String username) {
- this.username = username;
- }
- @NotNull(message="密码不能为null")
- public String getPassword() {
- return password;
- }
- public void setPassword(String password) {
- this.password = password;
- }
- @Min(value=10, message="年龄的最小值为10")
- public int getAge() {
- return age;
- }
- public void setAge(int age) {
- this.age = age;
- }
- }
最后个方法就是抛出页面异常.
html主要用ThyMeleaf标签,Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于Apache License 2.0许可,由Daniel Fernández创建,该作者还是Java加密库Jasypt的作者。
form.html代码如下:
- <!DOCTYPE html>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
- layout:decorator="layout">
- <head>
- <title>Messages : Create</title>
- </head>
- <body>
- <h1 layout:fragment="header">Messages : Create</h1>
- <div layout:fragment="content"
- class="container">
- <form id="messageForm"
- th:action="@{/(form)}"
- th:object="${message}"
- action="#"
- method="post">
- <div th:if="${#fields.hasErrors('*')}"
- class="alert alert-error">
- <p th:each="error : ${#fields.errors('*')}"
- th:text="${error}">
- Validation error
- </p>
- </div>
- <div class="pull-right">
- <a th:href="@{/}" href="messages.html">
- Messages
- </a>
- </div>
- <label for="summary">Summary</label>
- <input type="text"
- th:field="*{summary}"
- th:class="${#fields.hasErrors('summary')} ? 'field-error'"/>
- <label for="text">Message</label>
- <textarea
- th:field="*{text}"
- th:class="${#fields.hasErrors('text')} ? 'field-error'"></textarea>
- <div class="form-actions">
- <input type="submit" value="Create"/>
- </div>
- </form>
- </div>
- </body>
- </html>
list.html代码如下:
- <!DOCTYPE html>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
- layout:decorator="layout">
- <head>
- <title>Messages : View all</title>
- </head>
- <body>
- <h1 layout:fragment="header">Messages : View all</h1>
- <div layout:fragment="content" class="container">
- <div class="pull-right">
- <a href="form.html" th:href="@{/(form)}">Create Message</a>
- </div>
- <table class="table table-bordered table-striped">
- <thead>
- <tr>
- <td>ID</td>
- <td>Created</td>
- <td>Summary</td>
- </tr>
- </thead>
- <tbody>
- <tr th:if="${messages.empty}">
- <td colspan="3">
- No messages
- </td>
- </tr>
- <tr th:each="message : ${messages}">
- <td th:text="${message.id}">1</td>
- <td th:text="${#calendars.format(message.created)}">
- July 11, 2012 2:17:16 PM CDT
- </td>
- <td>
- <a href="view.html"
- th:href="@{'/' + ${message.id}}"
- th:text="${message.summary}">
- The summary
- </a>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </body>
- </html>
view.html代码如下:
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
- layout:decorator="layout">
- <head>
- <title>Messages : View</title>
- </head>
- <body>
- <h1 layout:fragment="header">Messages : Create</h1>
- <div layout:fragment="content"
- class="container">
- <div class="alert alert-success"
- th:if="${globalMessage}"
- th:text="${globalMessage}">
- Some Success message
- </div>
- <div class="pull-right">
- <a th:href="@{/}" href="list.html">
- Messages
- </a>
- </div>
- <dl>
- <dt>ID</dt>
- <dd id="id" th:text="${message.id}">123</dd>
- <dt>Date</dt>
- <dd id="created"
- th:text="${#calendars.format(message.created)}">
- July 11, 2012 2:17:16 PM CDT
- </dd>
- <dt>Summary</dt>
- <dd id="summary"
- th:text="${message.summary}">
- A short summary...
- </dd>
- <dt>Message</dt>
- <dd id="text"
- th:text="${message.text}">
- A detailed message that is longer than the summary.
- </dd>
- </dl>
- </div>
- </body>
- </html>
注th标签的引用就是首先要注入标签头,xmlns:th="http://www.thymeleaf.org"放入html标签内就可以了,
# 代表 获取对象 从 messages bundle 也就是消息的资源本地化文件
$ 表示从model里面获取
- <div class="col-sm-9">
- <input type="text" th:field="*{id}" placeholder="Order Id" class="col-xs-10 col-sm-5" />
- <p style="color:red" th:if="${#fields.hasErrors('*{id}')}" th:errors="*{id}"></p>
- </div>
th:fragment=“public” 相当于 include标签
th:each="user : ${users}" 相当于c:foreach 使用时候
如上面
<tr th:each="user : ${users}">
<td th:text="${user.id}">01</td>
<td th:text="${user.name}">朱遇平</td>
<td th:text="${user.xx}">java</td>
<td th:text="${user.xx}">程序员</td>
</tr>
th:href="@{/}"动态设置url参数
<form action="#" th:action="@{/users/add}" th:object="${myuser}" method="post">
这里th:Object表示表单与 改myuser注入的实体映射,
在表单 th:field="*{id} 则表示 该表单的值 与 myuser的id绑定
th:if="${#fields.hasErrors('*')}"
th:if
=
"${#strings.isEmpty(status)}"
${not #strings.isEmpty(status)}
if判断显示。
- <div class="col-sm-9">
- <input type="text" th:field="*{id}" placeholder="Order Id" class="col-xs-10 col-sm-5" />
- <p style="color:red" th:if="${#fields.hasErrors('*{id}')}" th:errors="*{id}"></p>
- </div>
th:errors错误信息显示如上图。
Spring-boot(二)--thymeleaf的更多相关文章
- Spring Boot整合 Thymeleaf 模板引擎
什么是Thymeleaf Thymeleaf是一款用于渲染XML.XHTML.HTML5内容的模板引擎.类似Velocity,FreeMaker模板引擎,它也可以轻易的与Spring MVC等Web框 ...
- spring boot 与 thymeleaf (2): 常用表达式
在asp.net mvc 中, 有一个视图解析器, 可以支持Razor语法. 使用起来, 是非常的方便, 并且, 写在前台页面的后台方法, 是可调试的. 但是在java中, 目前我还没有接触到, 像. ...
- 一个小demo熟悉Spring Boot 和 thymeleaf 的基本使用
目录 介绍 零.项目素材 一. 创建 Spring Boot 项目 二.定制首页 1.修改 pom.xml 2.引入相应的本地 css.js 文件 3.编辑 login.html 4.处理对 logi ...
- Spring Boot 2 + Thymeleaf:表单字段绑定、表单提交处理
Spring Boot中Thymeleaf对表单处理的一些用法:(1)使用th:field属性:进行表单字段绑定(2)使用ids对象:一般用于lable配合radio或checkbox使用(3)表单提 ...
- Spring Boot整合Thymeleaf模板引擎
什么是Thymeleaf Thymeleaf是一款用于渲染XML.XHTML.HTML5内容的模板引擎.类似Velocity,FreeMaker模板引擎,它也可以轻易的与Spring MVC等Web框 ...
- 从零开始的Spring Boot(5、Spring Boot整合Thymeleaf)
Spring Boot整合Thymeleaf 写在前面 从零开始的Spring Boot(4.Spring Boot整合JSP和Freemarker) https://www.cnblogs.com/ ...
- Spring Boot(二十):使用spring-boot-admin对spring-boot服务进行监控
Spring Boot(二十):使用spring-boot-admin对spring-boot服务进行监控 Spring Boot Actuator提供了对单个Spring Boot的监控,信息包含: ...
- Spring Boot(十五):spring boot+jpa+thymeleaf增删改查示例
Spring Boot(十五):spring boot+jpa+thymeleaf增删改查示例 一.快速上手 1,配置文件 (1)pom包配置 pom包里面添加jpa和thymeleaf的相关包引用 ...
- Spring Boot2 系列教程(九)Spring Boot 整合 Thymeleaf
虽然现在慢慢在流行前后端分离开发,但是据松哥所了解到的,还是有一些公司在做前后端不分的开发,而在前后端不分的开发中,我们就会需要后端页面模板(实际上,即使前后端分离,也会在一些场景下需要使用页面模板, ...
- Spring Boot 二十个注解
Spring Boot 二十个注解 占据无力拥有的东西是一种悲哀. Cold on the outside passionate on the insede. 背景:Spring Boot 注解的强大 ...
随机推荐
- javaScript系列 [02]-javaScript对象探析
[02]-javaScript对象探析 题记:多年前,以非常偶然的方式关注了微信公众号“面向对象”,本以为这个公众号主要以分享面向对象编程的干货为主,不料其乃实实在在的猿圈相亲平台.通过查看公开资料, ...
- Oracle创建Database Link
一菜单方式: 打开plsql,点击[File]-[New]-[Database link],打开如下图所示窗口 填好各项信息后,点击[Apply]即可完成Database Link的创建. 二SQL方 ...
- 集合总结--ArrayList、LinkedList、HashMap
一.概述 ArrayList:数组集合. 查询.修改.新增(尾部新增)快,删除.新增(队列中间)慢,适用于查询.修改较多的场景. LinkedList:双向链表集合.查 ...
- jquery自带的进度条功能如何使用?
弹出进度条:先做弹出的功能modal,再做进度条显示.在弹出的界面上增加进度条功能 $.ajax({ xhr: function() { var xhr = new window.XMLHttpReq ...
- 关于IP,这里有你想知道的一切!
关于IP,这里有你想知道的一切! 原创: 同盾反欺诈研究院 先知安全技术社区 2017-07-13 今日,就来跟大家聊聊关于IP地址方方面面的研究,其实可以归到三个问题上: 1.这个IP在哪儿? 2. ...
- Session variables lost after the call of Response.Redirect method
From: https://forums.asp.net/t/2096848.aspx?Session+variables+lost+after+the+call+of+Response+Redir ...
- 【T11】提防对等实体的不友好动作
1.好的软件应该能够处理各种可能的错误,也就是防御式编程. 2.作为服务端,应该检测客户端的终止,客户端的无效输入.
- golang 使用pprof和go-torch做性能分析
软件开发过程中,项目上线并不是终点.上线后,还要对程序的取样分析运行情况,并重构现有的功能,让程序执行更高效更稳写. golang的工具包内自带pprof功能,使找出程序中占内存和CPU较多的部分功能 ...
- cn_windows_10_enterprise_version_1703_updated_june_2017_x64_dvd_10720588.iso
ed2k://|file|cn_windows_10_enterprise_version_1703_updated_june_2017_x64_dvd_10720588.iso|4959832064 ...
- Unity应用架构设计(7)——IoC工厂理念先行
一谈到 『IoC』,有经验的程序员马上会联想到控制反转,将创建对象的责任反转给工厂.IoC是依赖注入 『DI』 的核心,大名鼎鼎的Spring框架就是一个非常卓越的的控制反转.依赖注入框架.遗憾的是, ...