1. @Controller
  2. @RequestMapping("/")
  3. public class MessageController {
  4. private final MessageRepository messageRepository;
  5. @Autowired
  6. public MessageController(MessageRepository messageRepository) {
  7. this.messageRepository = messageRepository;
  8. }
  9. @RequestMapping
  10. public ModelAndView list() {
  11. Iterable<Message> messages = this.messageRepository.findAll();
  12. return new ModelAndView("messages/list", "messages", messages);
  13. }
  14. @RequestMapping("{id}")
  15. public ModelAndView view(@PathVariable("id") Message message) {
  16. return new ModelAndView("messages/view", "message", message);
  17. }
  18. @RequestMapping(params = "form", method = RequestMethod.GET)
  19. public String createForm(@ModelAttribute Message message) {
  20. return "messages/form";
  21. }
  22. @RequestMapping(method = RequestMethod.POST)
  23. public ModelAndView create(@Valid Message message, BindingResult result,
  24. RedirectAttributes redirect) {
  25. if (result.hasErrors()) {
  26. return new ModelAndView("messages/form", "formErrors", result.getAllErrors());
  27. }
  28. message = this.messageRepository.save(message);
  29. redirect.addFlashAttribute("globalMessage", "Successfully created a new message");
  30. return new ModelAndView("redirect:/{message.id}", "message.id", message.getId());
  31. }
  32. @RequestMapping("foo")
  33. public String foo() {
  34. throw new RuntimeException("Expected exception in controller");
  35. }
  36. }

注：@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：获取页面传递参数。也可以这样用

  1. @ModelAttribute("user")
  2. public User addAccount() {
  3. return new User("jz","123");
  4. }
  5. @RequestMapping(value = "/helloWorld")
  6. public String helloWorld(@ModelAttribute("user") User user) {
  7. user.setUserName("jizhou");
  8. return "helloWorld";
  9. }

@SessionAttributes("user")用户同上只是使用范围不同而已。

RedirectAttributes：我的理解是controller控制层跳转到控制层传递参数用的。

@Valid：对实体类的一个验证。验证符合jpa的标准。要和BindingResult result配合使用，如果验证不通过的话，result.hasErrors()，跳转 。如一个实体类标准：

  1. import javax.validation.constraints.Min;
  2. import javax.validation.constraints.NotNull;
  3. import org.hibernate.validator.constraints.NotBlank;
  4. public class User {
  5. private String username;
  6. private String password;
  7. private int age;
  8. @NotBlank(message="用户名不能为空")
  9. public String getUsername() {
  10. return username;
  11. }
  12. public void setUsername(String username) {
  13. this.username = username;
  14. }
  15. @NotNull(message="密码不能为null")
  16. public String getPassword() {
  17. return password;
  18. }
  19. public void setPassword(String password) {
  20. this.password = password;
  21. }
  22. @Min(value=10, message="年龄的最小值为10")
  23. public int getAge() {
  24. return age;
  25. }
  26. public void setAge(int age) {
  27. this.age = age;
  28. }
  29. }

最后个方法就是抛出页面异常.

html主要用ThyMeleaf标签，Thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可，由Daniel Fern&aacute;ndez创建，该作者还是Java加密库Jasypt的作者。

form.html代码如下：

  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
  4. layout:decorator="layout">
  5. <head>
  6. <title>Messages : Create</title>
  7. </head>
  8. <body>
  9. <h1 layout:fragment="header">Messages : Create</h1>
  10. <div layout:fragment="content"
  11. class="container">
  12. <form id="messageForm"
  13. th:action="@{/(form)}"
  14. th:object="${message}"
  15. action="#"
  16. method="post">
  17. <div th:if="${#fields.hasErrors('*')}"
  18. class="alert alert-error">
  19. <p th:each="error : ${#fields.errors('*')}"
  20. th:text="${error}">
  21. Validation error
  22. </p>
  23. </div>
  24. <div class="pull-right">
  25. <a th:href="@{/}" href="messages.html">
  26. Messages
  27. </a>
  28. </div>
  29. <label for="summary">Summary</label>
  30. <input type="text"
  31. th:field="*{summary}"
  32. th:class="${#fields.hasErrors('summary')} ? 'field-error'"/>
  33. <label for="text">Message</label>
  34. <textarea
  35. th:field="*{text}"
  36. th:class="${#fields.hasErrors('text')} ? 'field-error'"></textarea>
  37. <div class="form-actions">
  38. <input type="submit" value="Create"/>
  39. </div>
  40. </form>
  41. </div>
  42. </body>
  43. </html>

list.html代码如下：

  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
  4. layout:decorator="layout">
  5. <head>
  6. <title>Messages : View all</title>
  7. </head>
  8. <body>
  9. <h1 layout:fragment="header">Messages : View all</h1>
  10. <div layout:fragment="content" class="container">
  11. <div class="pull-right">
  12. <a href="form.html" th:href="@{/(form)}">Create Message</a>
  13. </div>
  14. <table class="table table-bordered table-striped">
  15. <thead>
  16. <tr>
  17. <td>ID</td>
  18. <td>Created</td>
  19. <td>Summary</td>
  20. </tr>
  21. </thead>
  22. <tbody>
  23. <tr th:if="${messages.empty}">
  24. <td colspan="3">
  25. No messages
  26. </td>
  27. </tr>
  28. <tr th:each="message : ${messages}">
  29. <td th:text="${message.id}">1</td>
  30. <td th:text="${#calendars.format(message.created)}">
  31. July 11, 2012 2:17:16 PM CDT
  32. </td>
  33. <td>
  34. <a href="view.html"
  35. th:href="@{'/' + ${message.id}}"
  36. th:text="${message.summary}">
  37. The summary
  38. </a>
  39. </td>
  40. </tr>
  41. </tbody>
  42. </table>
  43. </div>
  44. </body>
  45. </html>

view.html代码如下：

  1. <html xmlns:th="http://www.thymeleaf.org"
  2. xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
  3. layout:decorator="layout">
  4. <head>
  5. <title>Messages : View</title>
  6. </head>
  7. <body>
  8. <h1 layout:fragment="header">Messages : Create</h1>
  9. <div layout:fragment="content"
  10. class="container">
  11. <div class="alert alert-success"
  12. th:if="${globalMessage}"
  13. th:text="${globalMessage}">
  14. Some Success message
  15. </div>
  16. <div class="pull-right">
  17. <a th:href="@{/}" href="list.html">
  18. Messages
  19. </a>
  20. </div>
  21. <dl>
  22. <dt>ID</dt>
  23. <dd id="id" th:text="${message.id}">123</dd>
  24. <dt>Date</dt>
  25. <dd id="created"
  26. th:text="${#calendars.format(message.created)}">
  27. July 11, 2012 2:17:16 PM CDT
  28. </dd>
  29. <dt>Summary</dt>
  30. <dd id="summary"
  31. th:text="${message.summary}">
  32. A short summary...
  33. </dd>
  34. <dt>Message</dt>
  35. <dd id="text"
  36. th:text="${message.text}">
  37. A detailed message that is longer than the summary.
  38. </dd>
  39. </dl>
  40. </div>
  41. </body>
  42. </html>

注th标签的引用就是首先要注入标签头，xmlns:th="http://www.thymeleaf.org"放入html标签内就可以了，

# 代表 获取对象 从 messages bundle 也就是消息的资源本地化文件

$ 表示从model里面获取

  1. <div class="col-sm-9">
  2. <input type="text" th:field="*{id}" placeholder="Order Id" class="col-xs-10 col-sm-5" />
  3. <p style="color:red" th:if="${#fields.hasErrors('*{id}')}" th:errors="*{id}"></p>
  4. </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判断显示。

  1. <div class="col-sm-9">
  2. <input type="text" th:field="*{id}" placeholder="Order Id" class="col-xs-10 col-sm-5" />
  3. <p style="color:red" th:if="${#fields.hasErrors('*{id}')}" th:errors="*{id}"></p>
  4. </div>

th:errors错误信息显示如上图。

Spring-boot(二）--thymeleaf的更多相关文章

  1. Spring Boot整合 Thymeleaf 模板引擎

    什么是Thymeleaf Thymeleaf是一款用于渲染XML.XHTML.HTML5内容的模板引擎.类似Velocity,FreeMaker模板引擎,它也可以轻易的与Spring MVC等Web框 ...

  2. spring boot 与 thymeleaf (2): 常用表达式

    在asp.net mvc 中, 有一个视图解析器, 可以支持Razor语法. 使用起来, 是非常的方便, 并且, 写在前台页面的后台方法, 是可调试的. 但是在java中, 目前我还没有接触到, 像. ...

  3. 一个小demo熟悉Spring Boot 和 thymeleaf 的基本使用

    目录 介绍 零.项目素材 一. 创建 Spring Boot 项目 二.定制首页 1.修改 pom.xml 2.引入相应的本地 css.js 文件 3.编辑 login.html 4.处理对 logi ...

  4. Spring Boot 2 + Thymeleaf：表单字段绑定、表单提交处理

    Spring Boot中Thymeleaf对表单处理的一些用法:(1)使用th:field属性:进行表单字段绑定(2)使用ids对象:一般用于lable配合radio或checkbox使用(3)表单提 ...

  5. Spring Boot整合Thymeleaf模板引擎

    什么是Thymeleaf Thymeleaf是一款用于渲染XML.XHTML.HTML5内容的模板引擎.类似Velocity,FreeMaker模板引擎,它也可以轻易的与Spring MVC等Web框 ...

  6. 从零开始的Spring Boot(5、Spring Boot整合Thymeleaf）

    Spring Boot整合Thymeleaf 写在前面 从零开始的Spring Boot(4.Spring Boot整合JSP和Freemarker) https://www.cnblogs.com/ ...

  7. Spring Boot(二十)：使用spring-boot-admin对spring-boot服务进行监控

    Spring Boot(二十):使用spring-boot-admin对spring-boot服务进行监控 Spring Boot Actuator提供了对单个Spring Boot的监控,信息包含: ...

  8. Spring Boot(十五)：spring boot+jpa+thymeleaf增删改查示例

    Spring Boot(十五):spring boot+jpa+thymeleaf增删改查示例 一.快速上手 1,配置文件 (1)pom包配置 pom包里面添加jpa和thymeleaf的相关包引用 ...

  9. Spring Boot2 系列教程(九)Spring Boot 整合 Thymeleaf

    虽然现在慢慢在流行前后端分离开发,但是据松哥所了解到的,还是有一些公司在做前后端不分的开发,而在前后端不分的开发中,我们就会需要后端页面模板(实际上,即使前后端分离,也会在一些场景下需要使用页面模板, ...

  10. Spring Boot 二十个注解

    Spring Boot 二十个注解 占据无力拥有的东西是一种悲哀. Cold on the outside passionate on the insede. 背景:Spring Boot 注解的强大 ...

随机推荐

  1. Android如何实现茄子快传

    Android如何实现茄子快传茄子快传是一款文件传输应用,相信大家都很熟悉这款应用,应该很多人用过用来文件的传输.它有两个核心的功能: 端到端的文件传输Web端的文件传输这两个核心的功能我们具体来分析 ...

  2. 3DES 加、解密

    package com.suning.hrqz.utils; import java.io.UnsupportedEncodingException; import java.security.Mes ...

  3. JS对HTML字符的转义

    function htmlEscape(str){ var s = ""; if(str.length == 0) return ""; s = str.rep ...

  4. Docker 管理工具 Portainer部署

    Docker 管理工具 Portainer部署 一.官网 官网:http://www.portainer.io 演示地址:http://demo.portainer.io 用户名:admin 密码:t ...

  5. python 过滤文本中的标点符号（转）

    网上搜到的大都太复杂,最后找到一个用正则表达式实现的: import re s = "string. With. Punctuation?" # 如果空白符也需要过滤,使用 r'[ ...

  6. Altium Designer重装后图标都变白板或都变一样的解决方法

    https://blog.csdn.net/qq_41995282/article/details/80372113

  7. 抽奖 mark

    https://blog.csdn.net/Oversdownload/article/details/77454006?utm_source=blogxgwz5

  8. appium 报错

    2018-11-27 18:05:56:313 - [Logcat] Logcat terminated with code 0, signal null 2018-11-27 18:05:56:31 ...

  9. CZT变换（chirp z-transform）

    作者:桂. 时间:2018-05-20  12:04:24 链接:http://www.cnblogs.com/xingshansi/p/9063131.html 前言 相比DFT,CZT是完成频谱细 ...

  10. 突破这个四个阶段年薪没有50W，还好意思说是搞Java的？

    该视频教程总共分为四个阶段来学习.逐步进阶,并且还会不定期更新.我简介一下每一个阶段的视频资源,学习顺序不分先后. 第一阶段 第一阶段主要从 svn/git 版本号控制.Java高并发.JVM虚拟机. ...