Springboot+Thymeleaf實現帶參數跳轉頁面

Springboot實現頁面跳轉需要引入依賴:

	<dependency>
	  <groupId>org.thymeleaf</groupId>
	  <artifactId>thymeleaf</artifactId>
	  <version>3.0.11.RELEASE</version>
	</dependency>

application.propertiesde文件中配置

    spring.thymeleaf.cache=false
    # 默認靜態資源路徑
    spring.thymeleaf.prefix=classpath:/templates/
    spring.thymeleaf.check-template-location=true
    spring.thymeleaf.suffix=.html
    spring.thymeleaf.encoding=UTF-8
    spring.thymeleaf.content-type=text/html
    spring.thymeleaf.mode=HTML5

在Controller中寫法(新人注意,使用配置@Controller才能跳轉,@RestController不能做頁面跳轉)

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
@RequestMapping(value = "/code")
public class FTLIndexController {
    @Autowired
    private SysUserSignDAO sysUserSignDAO;

    @RequestMapping("/code/{id}")
    public ModelAndView code(@PathVariable(value = "id") String id) {

        ModelAndView modelAndView = new ModelAndView();

        modelAndView.setViewName("code");

        modelAndView.addObject("key", id);
        System.out.println("code");
        return modelAndView;
    }

}

resources下創建templates文件夾,並創建code.html

<!DOCTYPE html>
<!--腳本解析引入-->
<html xmlns:th="http://www.thymeleaf.org">
<html>

<head>
    <meta charset="UTF-8"/>
    <title>Insert title here</title>
</head>

<body>
<h1>this is the hello.html in templates</h1>
<!--獲取後臺跳轉帶入值:key-->
<span th:text="${key}"></span>
</body>

</html>

此時啓動項目瀏覽器訪問配置好的地址,成功跳轉。
頁面條

Thymeleaf主頁地址:https://www.thymeleaf.org/index.html,事列:

<table>
  <thead>
    <tr>
      <th th:text="#{msgs.headers.name}">Name</th>
      <th th:text="#{msgs.headers.price}">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr th:each="prod: ${allProducts}">
      <td th:text="${prod.name}">Oranges</td>
      <td th:text="${#numbers.formatDecimal(prod.price, 1, 2)}">0.99</td>
    </tr>
  </tbody>
</table>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章