{"id":21,"date":"2022-11-17T15:58:26","date_gmt":"2022-11-17T06:58:26","guid":{"rendered":"https:\/\/kpc2022.satoshis.jp\/?p=21"},"modified":"2022-11-17T15:58:26","modified_gmt":"2022-11-17T06:58:26","slug":"%e6%9c%ac%e6%a3%9a%e3%81%ae%e5%90%8d%e5%89%8d%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%a7%e3%81%8d%e3%82%8b%e3%82%88%e3%81%86%e3%81%ab%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/kpc2022.satoshis.jp\/?p=21","title":{"rendered":"\u672c\u68da\u306e\u540d\u524d\u3092\u5909\u66f4\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b"},"content":{"rendered":"

src\/main\/resources\/templates
\nbookshelf.html<\/p>\n

\u672c\u68da\u306e\u540d\u524d\u306e\u53f3\u5074\u306b\u5909\u66f4\u30dc\u30bf\u30f3\u3092\u8a2d\u7f6e\u3057\u3066\u3001\u5909\u66f4\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u540d\u524d\u3092\u5165\u529b\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n

jQuery\u3092\u4f7f\u3063\u3066\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u5207\u308a\u66ff\u3048\u308b\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n

\r\n<!DOCTYPE html>\r\n<html xmlns:th="http:\/\/www.thymeleaf.org">\r\n<head>\r\n<meta charset="UTF-8">\r\n<title>\u672c\u68da<\/title>\r\n<style type="text\/css">\r\nimg.book-image {\r\n\twidth: 100px;\r\n}\r\n.xx-small {\r\n\tfont-size: xx-small;\r\n}\r\n<\/style>\r\n<script src="https:\/\/code.jquery.com\/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<h1>\u672c\u68da : <span th:text="${bookshelf.name}"><\/span><button id="edit" class="xx-small">\u5909\u66f4<\/button><\/h1>\r\n<form id="form" action="\/change-name" method="post">\r\n\t<input type="hidden" name="id" th:value="${bookshelf.id}" \/>\r\n\t<input type="text" name="name" th:value="${bookshelf.name}" \/>\r\n\t<input type="submit" value="\u5909\u66f4" \/>\r\n<\/form>\r\n<p>\u3053\u306e\u672c\u68da\u306b\u5165\u3063\u3066\u3044\u308b\u672c\u306e\u30ea\u30b9\u30c8<\/p>\r\n\r\n<table>\r\n\t<tr>\r\n\t\t<th>\u753b\u50cf<\/th><th>\u30bf\u30a4\u30c8\u30eb<\/th><th>\u8457\u8005\u540d<\/th><th>\u64cd\u4f5c<\/th>\r\n\t<\/tr>\r\n\t<tr th:each="book : ${bookshelf.books}">\r\n\t\t<td><img class="book-image" th:src="${book.image}" \/><\/td>\r\n\t\t<td th:text="${book.title}"><\/td>\r\n\t\t<td th:text="${book.author}"><\/td>\r\n\t\t<td>\r\n\t\t\t<a th:href="@{'\/edit\/' + ${book.id}}">\u4fee\u6b63<\/a>\r\n\t\t\t<a th:href="@{'\/delete\/' + ${book.id}}">\u524a\u9664<\/a>\r\n\t\t<\/td>\r\n\t<\/tr>\r\n<\/table>\r\n\r\n<a href="\/">\u623b\u308b<\/a>\r\n\r\n<\/body>\r\n<script>\r\n$(function() {\r\n\t$('#edit').on('click', function() {\r\n\t\tif ($('#edit').text() == '\u30ad\u30e3\u30f3\u30bb\u30eb'){\r\n\t\t\t$('#edit').text('\u5909\u66f4');\r\n\t\t\t$('#form').hide();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t$('#form').show();\r\n\t\t$('#edit').text('\u30ad\u30e3\u30f3\u30bb\u30eb');\r\n\t});\r\n\t$('#form').hide();\r\n})\r\n<\/script>\r\n<\/html>\r\n<\/pre>\n
src\/main\/java
\nIndexController.java<\/p>\n
\/change-name \u3078\u306e POST \u30ea\u30af\u30a8\u30b9\u30c8\u3092\u53d7\u3051\u53d6\u3063\u3066\u672c\u68da\u306e\u540d\u524d\u3092\u5909\u66f4\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping(value = "\/change-name", method = RequestMethod.POST)\r\n\tpublic ModelAndView changeName(ModelAndView mav,\r\n\t\t\t@RequestParam("id") long id,\r\n\t\t\t@RequestParam("name") String name) {\r\n\t\tOptional<Bookshelf> data = repository.findById(id);\r\n\t\tBookshelf bookshelf = data.get();\r\n\t\tbookshelf.setName(name);\r\n\t\trepository.saveAndFlush(bookshelf);\r\n\t\treturn new ModelAndView("redirect:\/bookshelf\/" + id);\r\n\t}\r\n<\/pre>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
src\/main\/resources\/templates bookshelf.html \u672c\u68da\u306e\u540d\u524d\u306e\u53f3\u5074\u306b\u5909\u66f4\u30dc\u30bf\u30f3\u3092\u8a2d\u7f6e\u3057\u3066\u3001\u5909\u66f4\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u540d\u524d\u3092\u5165\u529b\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u8868\u793a\u3059\u308b\u3002 jQuer … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[4,3],"class_list":["post-21","post","type-post","status-publish","format-standard","hentry","category-springboot","tag-jquery","tag-springboot"],"_links":{"self":[{"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":1,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/21\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kpc2022.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}