{"id":1132,"date":"2025-01-07T12:11:27","date_gmt":"2025-01-07T03:11:27","guid":{"rendered":"https:\/\/route-zero.com\/recruit\/route\/1132\/"},"modified":"2025-04-07T12:16:49","modified_gmt":"2025-04-07T03:16:49","slug":"1132","status":"publish","type":"route","link":"https:\/\/route-zero.com\/recruit\/route\/1132\/","title":{"rendered":"Thymeleaf\u3067\u300c$\u300d\u300c@\u300d\u300c*\u300d\u306f\u3069\u3046\u9055\u3046\uff1f\u521d\u5fc3\u8005\u3067\u3082\u308f\u304b\u308b\u4f7f\u3044\u5206\u3051\u5b8c\u5168\u30ac\u30a4\u30c9"},"content":{"rendered":"
\n

\u305d\u306e\u8a18\u53f7\u3001\u306a\u3093\u306e\u610f\u5473\u304c\u3042\u308b\u306e\uff1f<\/h2>\n

Spring Boot\u3067Web\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u3044\u308b\u3068\u3001HTML\u306b\u898b\u6163\u308c\u306a\u3044\u3053\u3093\u306a\u8a18\u8ff0\u304c\u51fa\u3066\u304d\u307e\u305b\u3093\u304b\uff1f<\/p>\n

<p th:text=\"${user.name}\"<\/span>>\u540d\u524d<\/p>\r\n<img th:src=\"@{\/images\/logo.png}\"<\/span> \/>\r\n<option th:value<\/span>=\"*{id}\"<\/span>>...<\/option><\/code><\/pre>\n
\u300c\u3053\u308c\u3001\u306a\u3093\u304b\u8a18\u53f7\u591a\u3059\u304e\u306a\u3044\u2026\u2026\uff1f\u300d
\u521d\u5fc3\u8005\u306a\u3089\u305a\u3068\u3082\u3001$ \u3084 @\u3001* \u306a\u3069\u3001Thymeleaf\u7279\u6709\u306e\u8a18\u53f7\u306e\u610f\u5473\u3084\u4f7f\u3044\u5206\u3051<\/strong>\u306b\u60a9\u3093\u3060\u7d4c\u9a13\u3001\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/p>\n
\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u7591\u554f\u306b\u304a\u7b54\u3048\u3057\u307e\u3059\uff1a<\/p>\n
    \n
  • \n
    th:text=”${…}”\u306e $ \u306e\u610f\u5473\u306f\uff1f<\/p>\n<\/li>\n
  • \n
    @{\/…} \u3068 \/… \u306e\u9055\u3044\u306f\uff1f<\/p>\n<\/li>\n
  • \n
    *{…} \u3068 ${…} \u306e\u9055\u3044\u3063\u3066\uff1f<\/p>\n<\/li>\n<\/ul>\n
    Thymeleaf\u306e\u8a18\u53f7\u306e\u610f\u5473\u3068\u6b63\u3057\u3044\u4f7f\u3044\u65b9<\/strong>\u3092\u3001\u5177\u4f53\u4f8b\u3068\u56f3\u89e3\u3067\u5fb9\u5e95\u7684\u306b\u89e3\u8aac\u3057\u3066\u3044\u304d\u307e\u3059\uff01<\/p>\n
    \n
    Thymeleaf\u306e\u300c\u8a18\u53f7\u305f\u3061\u300d\u3092\u3072\u3068\u3064\u305a\u3064\u89e3\u8aac<\/h2>\n
    Thymeleaf\u306e\u8a18\u53f7\u306e\u5f79\u5272\u306f\u3001\u4ee5\u4e0b\u306e3\u3064\u304c\u57fa\u672c\u3067\u3059\u3002<\/p>\n
      \n
    • \n
      \u300c$\u300d\uff1a\u5909\u6570\u53c2\u7167\uff08\u30b9\u30b3\u30fc\u30d7\u5185\uff09<\/strong><\/p>\n<\/li>\n
    • \n
      \u300c@\u300d\uff1aURL\u30ea\u30f3\u30af\u306e\u89e3\u6c7a<\/strong><\/p>\n<\/li>\n
    • \n
      \u300c*\u300d\uff1a\u30d5\u30a9\u30fc\u30e0\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u6642\u306e\u5909\u6570\u53c2\u7167<\/strong><\/p>\n<\/li>\n<\/ul>\n
      1. ${…}\uff1a\u5909\u6570\u3092\u53c2\u7167\u3059\u308b\u305f\u3081\u306e\u8a18\u53f7<\/h3>\n
      \u3082\u3063\u3068\u3082\u3088\u304f\u4f7f\u3046\u306e\u304c\u3053\u308c\u3067\u3059\u3002<\/p>\n
      <p th:text=\"${user.name}\"<\/span>>\u540d\u524d<\/p><\/span><\/code><\/pre>\n
      \u3053\u308c\u306f\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u304b\u3089\u6e21\u3055\u308c\u305f\u30e2\u30c7\u30eb\u5c5e\u6027\uff08Model\uff09\u3092\u53c2\u7167\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
      \u00a0\u4f8b\uff1a\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u5074<\/p>\n
      @GetMapping<\/span>(\"\/profile\"<\/span>)\r\npublic<\/span> String profile<\/span>(Model model)<\/span> <\/span>{\r\n    model.addAttribute(\"user\"<\/span>, new<\/span> User(\"\u7530\u4e2d \u592a\u90ce\"<\/span>));\r\n    return<\/span> \"profile\"<\/span>;\r\n}<\/code><\/pre>\n
      \u4f8b\uff1aThymeleaf\u5074<\/p>\n
      <p th:text=\"${user.name}\"<\/span>>\u540d\u524d<\/p><\/span><\/code><\/pre>\n
      \u3053\u306e\u5834\u5408\u3001${user.name} \u306f User \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e name \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u53c2\u7167\u3057\u307e\u3059\u3002<\/p>\n
      \n
      2. @{…}\uff1aURL\u3092\u751f\u6210\u3059\u308b\u8a18\u53f7<\/h3>\n
      Thymeleaf\u306fSpring MVC\u3068\u9023\u643a\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u4ed8\u304d\u306eURL\u3092\u81ea\u52d5\u3067\u751f\u6210<\/strong>\u3067\u304d\u307e\u3059\u3002<\/p>\n
      <a th:href=\"@{\/users}\"<\/span>>\u30e6\u30fc\u30b6\u30fc\u4e00\u89a7<\/a><\/span><\/code><\/pre>\n
      \u5909\u6570\u4ed8\u304dURL\u306e\u4f8b<\/p>\n
      <a th:href=\"@{\/user\/{id}(id=${user.id})}\"<\/span>>\u8a73\u7d30\u3092\u898b\u308b<\/a><\/span><\/code><\/pre>\n
      \u51fa\u529b\u3055\u308c\u308bURL\u4f8b<\/p>\n
      3. *{…}\uff1a\u30d5\u30a9\u30fc\u30e0\u3068\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3055\u308c\u305f\u5909\u6570\u53c2\u7167<\/h3>\n
      \u3053\u308c\u306f\u4e3b\u306b\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u3068\u30d0\u30a4\u30f3\u30c9\u3059\u308b\u969b\u306b\u4f7f\u3044\u307e\u3059\u3002<\/p>\n
      <input type<\/span>=\"text\"<\/span> th:field=\"*{username}\"<\/span> \/><\/code><\/pre>\n
      \u80cc\u666f\uff1a\u30d5\u30a9\u30fc\u30e0\u3067\u30d0\u30a4\u30f3\u30c9\u3055\u308c\u305f\u5909\u6570\u306f\u3069\u3053\u306b\uff1f<\/p>\n
      @GetMapping<\/span>(\"\/register\"<\/span>)\r\npublic<\/span> String form<\/span>(Model model)<\/span> <\/span>{\r\n    model.addAttribute(\"userForm\"<\/span>, new<\/span> UserForm());\r\n    return<\/span> \"register\"<\/span>;\r\n}<\/code><\/pre>\n
      <form th:object<\/span>=\"${userForm}\"<\/span>>\r\n    <input type=\"text\"<\/span> th:field=\"*{username}\"<\/span> \/>\r\n<\/form><\/code><\/pre>\n
      \u00a0th:object\u306e\u672c\u8cea\uff1a\u300c\u53c2\u7167\u5143\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5207\u308a\u66ff\u3048\u308b\u300d<\/h3>\n
      th:object \u306f\u3001\u6307\u5b9a\u3055\u308c\u305f\u30bf\u30b0\u914d\u4e0b\u306b\u304a\u3051\u308b\u53c2\u7167\u5143\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306e\u5c5e\u6027<\/strong>\u3067\u3059\u3002<\/p>\n
      <form th:object=\"${userForm}\"<\/span>>\r\n    <input type<\/span>=\"text\"<\/span> th:field=\"*{username}\"<\/span> \/>\r\n    <input type<\/span>=\"email\"<\/span> th:field=\"*{email}\"<\/span> \/>\r\n<\/form><\/span><\/code><\/pre>\n