Thymeleaf练习第一节

关于Thymeleaf的练习第一节

1.首先 创建了ThymeleafStudyController 

 

代码如下:

import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import jp.co.sng.activecity.acdms.app.base.AbstractBaseController;
import jp.co.sng.activecity.acdms.app.form.study.StudyForm;

@Controller
@RequestMapping("/ThymeleafStudy/")
@Scope("request")
public class ThymeleafStudyController extends AbstractBaseController {

/**
* 画面
*/
private static final String STUDY_PAGE="screen/study/thymeleafStudy";

/**
* 画面index
*/
@RequestMapping(value="")
public ModelAndView index(@ModelAttribute StudyForm studyForm) {
ModelAndView mv = new ModelAndView();
mv.setViewName(STUDY_PAGE);
// Service返回值设置到form中
// ...
// Service返回值设置到form中

studyForm.setName("testName");
mv.addObject("studyForm", studyForm);
return mv;

}
}

 

上面的Controller中 需要通过form进行数据的传递

@ModelAttribute StudyForm 

form的定义如下

package form.study;

import java.util.ArrayList;
import java.util.List;

/**
*
* 练习的form
*
*/
public class StudyForm {

// 名称
public String name;

// ID
public Integer ID;
/**
* list
*/
public List<ArrayList> itemList ;


public Integer getID() {
return ID;
}
public void setID(Integer iD) {
ID = iD;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public List<ArrayList> getItemList() {
return itemList;
}
public void setItemList(List<ArrayList> itemList) {
this.itemList = itemList;
}
}

 

注意:

2.Controller中的值通过ModeAndView返回到html:screen/study/thymeleafStudy

在 WEB-INF/screen/study/目录下创建 thymeleafStudy.html

 

代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org" lang="ja"
xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"

>
<head>
<!-- [[...]] =th:text属性-->
<title>Thymeleaf练习第一节</title>
</head>
<script th:inline="javascript">

</script>
<body layout:fragment="content" th:object="${studyForm}">

<tr>1<span th:text="${studyForm.ID}"></span></tr>
2<span th:text="${studyForm.name}"></span>
3<input ytpe ="text" th:value="${studyForm.name}"></span>
</body>
</html>

 

执行后,画面上显示出来后台传递过来的内容/值。

 

Thymeleaf练习第一节

 

Thymeleaf练习第一节

上一篇:二进制手表


下一篇:Vue3中hook的简单使用