{"id":1147,"date":"2025-02-09T12:35:46","date_gmt":"2025-02-09T03:35:46","guid":{"rendered":"https:\/\/route-zero.com\/recruit\/route\/1147\/"},"modified":"2025-04-09T12:46:26","modified_gmt":"2025-04-09T03:46:26","slug":"1147","status":"publish","type":"route","link":"https:\/\/route-zero.com\/recruit\/route\/1147\/","title":{"rendered":"\u30d5\u30a9\u30fc\u30e0\u5024\u304c\u6d88\u3048\u308b\uff1fThymeleaf th:object\u3068th:field\u306e\u6b63\u3057\u3044\u4f7f\u3044\u65b9\u3092\u5fb9\u5e95\u89e3\u8aac"},"content":{"rendered":"
\n

Thymeleaf\u306e\u30d5\u30a9\u30fc\u30e0\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3001\u56f0\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n

Spring Boot\u3067Web\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u3044\u308b\u3068\u3001\u5fc5\u305a\u76f4\u9762\u3059\u308b\u306e\u304c\u300c\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u65b9\u6cd5\u300d\u3067\u3059\u3002<\/p>\n

\u300cinput\u8981\u7d20\u306b\u4f55\u3092\u8a2d\u5b9a\u3059\u308c\u3070\u5024\u304c\u5165\u308b\u306e\uff1f\u300d \u300c\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30a8\u30e9\u30fc\u6642\u306b\u3001\u5024\u304c\u6d88\u3048\u3066\u3057\u307e\u3046\u2026\u300d \u300cth:field\u3063\u3066\u3088\u304f\u898b\u308b\u3051\u3069\u3001\u3069\u3046\u52d5\u3044\u3066\u3044\u308b\u306e\uff1f\u300d<\/p>\n

\u305d\u3093\u306a\u7591\u554f\u3092\u6301\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001Thymeleaf\u306e\u30d5\u30a9\u30fc\u30e0\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306b\u6b20\u304b\u305b\u306a\u3044\u300cth:object\u300d\u306e\u4f7f\u3044\u65b9\u3092\u3001\u521d\u5fc3\u8005\u306b\u3082\u308f\u304b\u308a\u3084\u3059\u304f\u4e01\u5be7\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n

\n

th:object\u306e\u57fa\u672c\u3068\u5b9f\u8df5<\/h2>\n

th:object\u3068\u306f\uff1f<\/h3>\n

th:object\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u5168\u4f53\u306b\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u30e2\u30c7\u30eb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u5c5e\u6027\u3067\u3059\u3002\u3053\u308c\u3092\u4f7f\u3046\u3068\u3001\u30d5\u30a9\u30fc\u30e0\u5185\u306e\u5404\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u81ea\u52d5\u7684\u306b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u30de\u30c3\u30d4\u30f3\u30b0\u3055\u308c\u307e\u3059\u3002<\/p>\n

\u5b9f\u306f\u3001th:object\u306f<form>\u30bf\u30b0\u306b\u9650\u3089\u305a\u3001<main>\u3084<div>\u306a\u3069\u306e\u4efb\u610f\u306e\u89aa\u8981\u7d20\u306b\u3082\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3057\u3066\u304a\u3051\u3070\u3001\u30d5\u30a9\u30fc\u30e0\u4ee5\u5916\u306e\u8907\u6570\u306e\u8981\u7d20\u304b\u3089\u540c\u3058\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u53c2\u7167\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n

<main th:object<\/span>=\"${user}\"<\/span>>\r\n  <form method=\"post\"<\/span>>\r\n    <input type=\"text\"<\/span> th:field=\"*{name}\"<\/span> \/>\r\n    <input type=\"email\"<\/span> th:field=\"*{email}\"<\/span> \/>\r\n  <\/form>\r\n<\/main><\/code><\/pre>\n
\u3053\u306e\u3088\u3046\u306b\u3001\u4e0a\u4f4d\u306e\u8981\u7d20\u306bth:object\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30d5\u30a9\u30fc\u30e0\u3084\u5165\u529b\u30a8\u30ea\u30a2\u3067\u3082\u4e00\u8cab\u3057\u3066\u540c\u3058\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30d0\u30a4\u30f3\u30c9\u3067\u304d\u308b\u67d4\u8edf\u306a\u8a2d\u8a08\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
◾️\u57fa\u672c\u69cb\u6587<\/p>\n
<form th:object<\/span>=\"${user}\"<\/span> method=\"post\"<\/span>>\r\n  <input type=\"text\"<\/span> th:field=\"*{name}\"<\/span> \/>\r\n  <input type=\"email\"<\/span> th:field=\"*{email}\"<\/span> \/>\r\n  <button type=\"submit\"<\/span>>\u9001\u4fe1<\/button>\r\n<\/form><\/code><\/pre>\n
\u3053\u306e\u3088\u3046\u306b\u3001th:object\u306b${user}\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001user\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306ename\u3084email\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u305d\u308c\u305e\u308c\u306e\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3068\u30d0\u30a4\u30f3\u30c9\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u3053\u308c\u306f\u5b9b\u540d\uff08th:object\uff09\u3092\u5c01\u7b52\u306b\u66f8\u304f\u3053\u3068\u3067\u3001\u4e2d\u306b\u5165\u308c\u308b\u624b\u7d19\uff08th:field\uff09\u304c\u3069\u3053\u3078\u5c4a\u304f\u304b\u660e\u78ba\u306b\u306a\u308b\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002\u5b9b\u540d\u304c\u306a\u3051\u308c\u3070\u3001\u624b\u7d19\u304c\u8ab0\u5b9b\u304b\u5206\u304b\u3089\u305a\u6df7\u4e71\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3088\u306d\u3002th:object\u306f\u30d5\u30a9\u30fc\u30e0\u5168\u4f53\u306e\u300c\u5b9b\u540d\u300d\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u500b\u3005\u306eth:field\u304c\u6b63\u3057\u304f\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u3064\u306a\u304c\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3059\u3002<\/p>\n
◾️Java\u5074\u306e\u30af\u30e9\u30b9<\/p>\n
public<\/span> class<\/span> User {\r\n  private<\/span> String<\/span> name;\r\n  private<\/span> String<\/span> email;\r\n  \/\/ getter\u3068setter\u306f\u7701\u7565<\/span>\r\n}<\/code><\/pre>\n
◾️\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u4f8b<\/p>\n
@GetMapping<\/span>(\"\/form\"<\/span>)\r\npublic<\/span> String<\/span> showForm(Model model) {\r\n  model.addAttribute(\"user\"<\/span>, new<\/span> User());\r\n  return<\/span> \"form\"<\/span>;\r\n}\r\n\r\n@PostMapping<\/span>(\"\/form\"<\/span>)\r\npublic<\/span> String<\/span> submitForm(@ModelAttribute<\/span> User user, Model model) {\r\n  \/\/ \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3084\u4fdd\u5b58\u51e6\u7406\u306a\u3069<\/span>\r\n  model.addAttribute(\"user\"<\/span>, user);\r\n  return<\/span> \"result\"<\/span>;\r\n}<\/code><\/pre>\n
th:field\u3068\u7d44\u307f\u5408\u308f\u305b\u308b\u610f\u5473<\/h3>\n
th:field=”*{\u30d7\u30ed\u30d1\u30c6\u30a3\u540d}”\u3068\u3044\u3046\u8a18\u6cd5\u306f\u3001th:object\u3067\u6307\u5b9a\u3055\u308c\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u53c2\u7167\u3057\u3066\u304f\u308c\u307e\u3059\u3002*{}\u3068\u3044\u3046\u69cb\u6587\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n