{"id":225,"date":"2019-07-05T10:37:14","date_gmt":"2019-07-05T01:37:14","guid":{"rendered":"http:\/\/2019se3.satoshis.jp\/?p=225"},"modified":"2019-07-05T12:50:13","modified_gmt":"2019-07-05T03:50:13","slug":"7%e6%9c%885%e6%97%a5","status":"publish","type":"post","link":"https:\/\/2019se3.satoshis.jp\/?p=225","title":{"rendered":"7\u67085\u65e5"},"content":{"rendered":"

\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u3092\u767b\u9332\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b<\/h3>\n

\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3059\u308b\u3002<\/p>\n

PlayListRepository.java<\/p>\n

\r\npackage jp.abc;\r\n\r\nimport org.springframework.data.jpa.repository.JpaRepository;\r\n\r\npublic interface PlayListRepository extends JpaRepository<PlayList, Long> {\r\n\r\n}\r\n<\/pre>\n
\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u304c\u3001GET\u3068POST\u30e1\u30bd\u30c3\u30c9\u3092\u53d7\u3051\u53d6\u308b\u3088\u3046\u306b\u4fee\u6b63\u3059\u308b\u3002<\/p>\n
\r\npackage jp.abc;\r\n\r\nimport java.util.List;\r\n\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.stereotype.Controller;\r\nimport org.springframework.validation.Errors;\r\nimport org.springframework.validation.annotation.Validated;\r\nimport org.springframework.web.bind.annotation.ModelAttribute;\r\nimport org.springframework.web.bind.annotation.RequestMapping;\r\nimport org.springframework.web.bind.annotation.RequestMethod;\r\nimport org.springframework.web.servlet.ModelAndView;\r\n\r\n@Controller\r\npublic class PlayListController {\r\n\r\n\t@Autowired\r\n\tprivate PlayListRepository repository;\r\n\r\n\t@RequestMapping(value = "\/playlist", method = RequestMethod.GET)\r\n\tpublic ModelAndView list(ModelAndView mav) {\r\n\t\tmav.setViewName("playlist");\r\n\t\tPlayList pl = new PlayList();\r\n\t\tmav.addObject("formModel", pl);\r\n\t\tList<PlayList> list = repository.findAll();\r\n\t\tmav.addObject("datalist", list);\r\n\t\treturn mav;\r\n\t}\r\n\r\n\t@RequestMapping(value = "playlist", method = RequestMethod.POST)\r\n\tpublic ModelAndView post(\r\n\t\t\t@ModelAttribute("formModel") @Validated PlayList playlist,\r\n\t\t\tErrors result,\r\n\t\t\tModelAndView mav) {\r\n\t\tif (result.hasErrors()) {\r\n\t\t\tmav.addObject("msg", "\u30a8\u30e9\u30fc\u3067\u3059\u3088");\r\n\t\t\treturn mav;\r\n\t\t}\r\n\t\trepository.saveAndFlush(playlist);\r\n\t\treturn new ModelAndView("redirect:\/playlist");\r\n\t}\r\n}\r\n<\/pre>\n
HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4fee\u6b63\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>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8<\/title>\r\n<style type="text\/css">\r\nh1 {\r\n  font-size: 18pt;\r\n  font-weight: bold;\r\n  color: gray;\r\n}\r\nbody {\r\n  font-size: 13pt;\r\n  color: gray;\r\n  margin: 5px 25px;\r\n}\r\npre {\r\n  border: solid 3px #ddd;\r\n  padding: 10px;\r\n}\r\ntr {\r\n  margin: 5px;\r\n}\r\nth {\r\n  padding: 5px;\r\n  color: white;\r\n  background: darkgray;\r\n}\r\ntd {\r\n  padding: 5px;\r\n  color: black;\r\n  background: #f0f0f0;\r\n}\r\n.err {\r\n  color: red;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8<\/h1>\r\n<p th:text="${msg}"><\/p>\r\n<form method="post" action="\/playlist" th:object="${formModel}">\r\n  <table>\r\n    <tr>\r\n      <td><label for="name">\u540d\u524d<\/label><\/td>\r\n      <td>\r\n        <input type="text" name="name" th:value="*{name}"\r\n      \t\t\tth:errorclass="err" \/>\r\n      \t<div th:if="${#fields.hasErrors('name')}" th:errors="*{name}"\r\n      \t\tth:errorclass="err"><\/div>\r\n      <\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><\/td>\r\n      <td><input type="submit" \/><\/td>\r\n    <\/tr>\r\n  <\/table>\r\n<\/form>\r\n\r\n<hr \/>\r\n<table>\r\n  <tr>\r\n    <th>ID<\/th><th>\u540d\u524d<\/th>\r\n  <\/tr>\r\n  <tr th:each="obj : ${datalist}">\r\n    <td th:text="${obj.id}"><\/td>\r\n    <td th:text="${obj.name}"><\/td>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
PlayList\u3068Music\u3092\u9023\u643a\u3059\u308b<\/h3>\n
Music\u304b\u3089PlayList\u3078\u306e\u95a2\u9023\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\npackage jp.abc;\r\n\r\nimport javax.persistence.Column;\r\nimport javax.persistence.Entity;\r\nimport javax.persistence.GeneratedValue;\r\nimport javax.persistence.GenerationType;\r\nimport javax.persistence.Id;\r\nimport javax.persistence.ManyToOne;\r\nimport javax.validation.constraints.NotEmpty;\r\nimport javax.validation.constraints.NotNull;\r\n\r\n@Entity\r\npublic class Music {\r\n\t@Id\r\n\t@GeneratedValue(strategy = GenerationType.AUTO)\r\n\t@Column\r\n\t@NotNull\r\n\tprivate long id;\r\n\r\n\t@Column(length = 200, nullable = false)\r\n\t@NotEmpty\r\n\tprivate String title;\r\n\r\n\t@Column(length = 200, nullable = false)\r\n\t@NotEmpty\r\n\tprivate String artist;\r\n\r\n\t@ManyToOne\r\n\tprivate PlayList playlist;\r\n\r\n\tpublic long getId() {\r\n\t\treturn id;\r\n\t}\r\n\r\n\tpublic void setId(long id) {\r\n\t\tthis.id = id;\r\n\t}\r\n\r\n\tpublic String getTitle() {\r\n\t\treturn title;\r\n\t}\r\n\r\n\tpublic void setTitle(String title) {\r\n\t\tthis.title = title;\r\n\t}\r\n\r\n\tpublic String getArtist() {\r\n\t\treturn artist;\r\n\t}\r\n\r\n\tpublic void setArtist(String artist) {\r\n\t\tthis.artist = artist;\r\n\t}\r\n\r\n\t@Override\r\n\tpublic String toString() {\r\n\t\treturn "Music [title=" + title + ", artist=" + artist + "]";\r\n\t}\r\n\r\n\tpublic PlayList getPlaylist() {\r\n\t\treturn playlist;\r\n\t}\r\n\r\n\tpublic void setPlaylist(PlayList playlist) {\r\n\t\tthis.playlist = playlist;\r\n\t}\r\n\r\n}\r\n<\/pre>\n
PlayList\u304b\u3089Music\u3078\u306e\u95a2\u9023\u6027\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\npackage jp.abc;\r\n\r\nimport java.util.List;\r\n\r\nimport javax.persistence.Column;\r\nimport javax.persistence.Entity;\r\nimport javax.persistence.GeneratedValue;\r\nimport javax.persistence.GenerationType;\r\nimport javax.persistence.Id;\r\nimport javax.persistence.OneToMany;\r\nimport javax.validation.constraints.NotEmpty;\r\nimport javax.validation.constraints.NotNull;\r\n\r\n@Entity\r\npublic class PlayList {\r\n\t@Id\r\n\t@GeneratedValue(strategy = GenerationType.AUTO)\r\n\t@Column\r\n\t@NotNull\r\n\tprivate long id;\r\n\r\n\t@Column(length = 200, nullable = false)\r\n\t@NotEmpty\r\n\tprivate String name;\r\n\r\n\t@OneToMany\r\n\tprivate List<Music> musics;\r\n\r\n\tpublic long getId() {\r\n\t\treturn id;\r\n\t}\r\n\r\n\tpublic void setId(long id) {\r\n\t\tthis.id = id;\r\n\t}\r\n\r\n\tpublic String getName() {\r\n\t\treturn name;\r\n\t}\r\n\r\n\tpublic void setName(String name) {\r\n\t\tthis.name = name;\r\n\t}\r\n\r\n\tpublic List<Music> getMusics() {\r\n\t\treturn musics;\r\n\t}\r\n\r\n\tpublic void setMusics(List<Music> musics) {\r\n\t\tthis.musics = musics;\r\n\t}\r\n\r\n\r\n}\r\n<\/pre>\n
Music \u3092\u767b\u9332\u3059\u308bHTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 index.html \u306b\u3001\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u3092\u8a2d\u5b9a\u3059\u308b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8ffd\u52a0\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>\u30df\u30e5\u30fc\u30b8\u30c3\u30af\u30d7\u30ec\u30a4\u30e4\u30fc<\/title>\r\n<style type="text\/css">\r\nh1 {\r\n  font-size: 18pt;\r\n  font-weight: bold;\r\n  color: gray;\r\n}\r\nbody {\r\n  font-size: 13pt;\r\n  color: gray;\r\n  margin: 5px 25px;\r\n}\r\npre {\r\n  border: solid 3px #ddd;\r\n  padding: 10px;\r\n}\r\ntr {\r\n  margin: 5px;\r\n}\r\nth {\r\n  padding: 5px;\r\n  color: white;\r\n  background: darkgray;\r\n}\r\ntd {\r\n  padding: 5px;\r\n  color: black;\r\n  background: #f0f0f0;\r\n}\r\n.err {\r\n  color: red;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>\u30df\u30e5\u30fc\u30b8\u30c3\u30af\u30d7\u30ec\u30a4\u30e4\u30fc<\/h1>\r\n<p th:text="${msg}"><\/p>\r\n<form method="post" action="\/" th:object="${formModel}">\r\n  <table>\r\n    <tr>\r\n      <td><label for="title">\u30bf\u30a4\u30c8\u30eb<\/label><\/td>\r\n      <td>\r\n        <input type="text" name="title" th:value="*{title}"\r\n      \t\t\tth:errorclass="err" \/>\r\n      \t<div th:if="${#fields.hasErrors('title')}" th:errors="*{title}"\r\n      \t\tth:errorclass="err"><\/div>\r\n      <\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><label for="artist">\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8<\/label><\/td>\r\n      <td>\r\n        <input type="text" name="artist" th:value="*{artist}"\r\n      \t\t\tth:errorclass="err"\/>\r\n      \t<div th:if="${#fields.hasErrors('artist')}" th:errors="*{artist}"\r\n      \t\tth:errorclass="err"><\/div>\r\n      <\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><label for="playlist">\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8<\/label><\/td>\r\n      <td>\r\n        <input type="text" name="playlist" th:value="*{playlist}"\r\n      \t\t\tth:errorclass="err"\/>\r\n      \t<div th:if="${#fields.hasErrors('playlist')}" th:errors="*{playlist}"\r\n      \t\tth:errorclass="err"><\/div>\r\n      <\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><\/td>\r\n      <td><input type="submit" \/><\/td>\r\n    <\/tr>\r\n  <\/table>\r\n<\/form>\r\n\r\n<hr \/>\r\n<table>\r\n  <tr>\r\n    <th>ID<\/th><th>\u30bf\u30a4\u30c8\u30eb<\/th><th>\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8<\/th><th>\u7de8\u96c6<\/th><th>\u524a\u9664<\/th>\r\n  <\/tr>\r\n  <tr th:each="obj : ${datalist}">\r\n    <td th:text="${obj.id}"><\/td>\r\n    <td th:text="${obj.title}"><\/td>\r\n    <td th:text="${obj.artist}"><\/td>\r\n    <td><a th:href="@{'\/edit\/' + ${obj.id}}">\u7de8\u96c6<\/a><\/td>\r\n    <td><a th:href="@{'\/delete\/' + ${obj.id}}">\u524a\u9664<\/a><\/td>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4e0b\u306b\u3001Music\u306e\u30ea\u30b9\u30c8\u3092\u8868\u793a\u3057\u3066\u3044\u308b\u304c\u3001\u305d\u3053\u306b\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u540d\u3092\u8868\u793a\u3059\u308b\u3002
\n\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u304cnull\u306e\u5834\u5408\u306f\u300c\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306a\u3057\u300d\u3068\u8868\u793a\u3059\u308b\u3002<\/p>\n
\r\n<hr \/>\r\n<table>\r\n  <tr>\r\n    <th>ID<\/th><th>\u30bf\u30a4\u30c8\u30eb<\/th><th>\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8<\/th><th>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8<\/th><th>\u7de8\u96c6<\/th><th>\u524a\u9664<\/th>\r\n  <\/tr>\r\n  <tr th:each="obj : ${datalist}">\r\n    <td th:text="${obj.id}"><\/td>\r\n    <td th:text="${obj.title}"><\/td>\r\n    <td th:text="${obj.artist}"><\/td>\r\n    <td th:if="${obj.playlist != null}" th:text="${obj.playlist.name}"><\/td>\r\n    <td th:if="${obj.playlist == null}" th:text="\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306a\u3057"><\/td>\r\n    <td><a th:href="@{'\/edit\/' + ${obj.id}}">\u7de8\u96c6<\/a><\/td>\r\n    <td><a th:href="@{'\/delete\/' + ${obj.id}}">\u524a\u9664<\/a><\/td>\r\n  <\/tr>\r\n<\/table>\r\n<\/pre>\n
Music\u3092\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n
\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3067\u7de8\u96c6\u306eURL\u3092\u53d7\u3051\u4ed8\u3051\u308b\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping(value = "\/edit\/{id}")\r\n\tpublic ModelAndView edit(@ModelAttribute Music music,\r\n\t\t\t@PathVariable long id,\r\n\t\t\tModelAndView mav) {\r\n\t\tmav.setViewName("edit");\r\n\t\tmav.addObject("title", "edit music");\r\n\t\tOptional<Music> data = repository.findById(id);\r\n\t\tmav.addObject("formModel", data.get());\r\n\t\treturn mav;\r\n\t}\r\n<\/pre>\n
HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 edit.html \u3092\u4f5c\u6210\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>top page<\/title>\r\n<meta http-equiv="Content-type" content="text\/html; charset=UTF-8" \/>\r\n<style type="text\/css">\r\nh1 {\r\n  font-size: 18pt;\r\n  font-weight: bold;\r\n  color: gray;\r\n}\r\nbody {\r\n  font-size: 13pt;\r\n  color: gray;\r\n  margin: 5px 25px;\r\n}\r\npre {\r\n  border: solid 3px #ddd;\r\n  padding: 10px;\r\n}\r\ntr {\r\n  margin: 5px;\r\n}\r\nth {\r\n  padding: 5px;\r\n  color: white;\r\n  background: darkgray;\r\n}\r\ntd {\r\n  padding: 5px;\r\n  color: black;\r\n  background: #f0f0f0;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Music edit page<\/h1>\r\n\r\n<form method="post" action="\/edit" th:object="${formModel}">\r\n  <input type="hidden" name="id" th:value="*{id}" \/>\r\n  <table>\r\n    <tr>\r\n      <td><label for="title">\u30bf\u30a4\u30c8\u30eb<\/label><\/td>\r\n      <td><input type="text" name="title" th:value="*{title}" \/><\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><label for="artist">\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8<\/label><\/td>\r\n      <td><input type="text" name="artist" th:value="*{artist}" \/><\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><label for="playlist">\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8<\/label><\/td>\r\n      <td th:if="*{playlist != null}">\r\n        <input type="text" name="playlist" th:value="*{playlist.id}" \/>\r\n      <\/td>\r\n      <td th:if="*{playlist == null}">\r\n        <input type="text" name="playlist" value="" \/>\r\n      <\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <td><\/td>\r\n      <td><input type="submit" \/><\/td>\r\n    <\/tr>\r\n  <\/table>\r\n<\/form>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
MusicController \u3067 POST\u3092\u53d7\u3051\u4ed8\u3051\u308b\u3002<\/p>\n
\r\n\t@RequestMapping(value = "\/edit", method = RequestMethod.POST)\r\n\tpublic ModelAndView form(@ModelAttribute @Validated Music music,\r\n\t\t\tErrors result,\r\n\t\t\tModelAndView mav) {\r\n\t\tif (result.hasErrors()) {\r\n\t\t\treturn mav;\r\n\t\t}\r\n\t\trepository.saveAndFlush(music);\r\n\t\treturn new ModelAndView("redirect:\/");\r\n\t}\r\n<\/pre>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u3092\u767b\u9332\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b \u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3059\u308b\u3002 PlayListRepository.java \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u304c\u3001GET\u3068POST\u30e1\u30bd\u30c3\u30c9\u3092\u53d7\u3051\u53d6\u308b\u3088\u3046\u306b\u4fee\u6b63\u3059\u308b\u3002 HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4fee\u6b63\u3059\u308b\u3002 PlayL … “7\u67085\u65e5” \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/225"}],"collection":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=225"}],"version-history":[{"count":9,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/225\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}