{"id":144,"date":"2019-06-11T10:06:48","date_gmt":"2019-06-11T01:06:48","guid":{"rendered":"http:\/\/2019se3.satoshis.jp\/?p=144"},"modified":"2019-06-11T12:58:55","modified_gmt":"2019-06-11T03:58:55","slug":"6%e6%9c%8811%e6%97%a5","status":"publish","type":"post","link":"https:\/\/2019se3.satoshis.jp\/?p=144","title":{"rendered":"6\u670811\u65e5"},"content":{"rendered":"

\u6761\u4ef6\u5206\u5c90<\/h3>\n

\u30ed\u30b0\u30a4\u30f3\u3059\u308bWeb\u30b5\u30a4\u30c8\u3067\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u306a\u3044\u4eba\u306b\u300c\u30b2\u30b9\u30c8\u300d\u3068\u8868\u793a\u3057\u305f\u308a\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u305f\u4eba\u306b\u300c\u3088\u3046\u3053\u305d\u3007\u3007\u3055\u3093\uff01\u300d\u306e\u3088\u3046\u306b\u8868\u793a\u3059\u308b\u3068\u304d\u306b\u6761\u4ef6\u5206\u5c90\u3092\u4f7f\u7528\u3059\u308b\u3002<\/p>\n

\u30c6\u30ad\u30b9\u30c8\u3067\u306fp.180\u304b\u3089\u306e\u90e8\u5206\u3002<\/p>\n

IndexController.java \u306e\u6700\u5f8c\u306b\u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3002
\n\u30e1\u30bd\u30c3\u30c9\u540d\u3001URL\u3001HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u540d\u524d\u3092 number \u306b\u3059\u308b\u3002<\/p>\n

\r\n\t@RequestMapping("\/number\/{id}")\r\n\tpublic ModelAndView number(@PathVariable int id, ModelAndView mav) {\r\n\t\tmav.setViewName("number");\r\n\t\tmav.addObject("id", id);\r\n\t\tmav.addObject("check", id >= 0);\r\n\t\tmav.addObject("trueVal", "POSITIVE!");\r\n\t\tmav.addObject("falseVal", "negative...");\r\n\t\treturn mav;\r\n\t}\r\n<\/pre>\n
HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067 th:if \u3068 th:unless \u3092\u4f7f\u7528\u3057\u3066\u6761\u4ef6\u5206\u5c90\u3059\u308b\u3002<\/p>\n
\r\n<body>\r\n<h1>\u6761\u4ef6\u5206\u5c90<\/h1>\r\n<p th:if="${check}" th:text="${id} + ' is ' + ${trueVal}">message.<\/p>\r\n<p th:unless="${check}" th:text="${id} + ' is ' + ${falseVal}">message.<\/p>\r\n<\/body>\r\n<\/pre>\n
switch\u3092\u4f7f\u3063\u3066\u591a\u9805\u5206\u5c90\u3059\u308b<\/h3>\n
\u6708\u306e\u5024\u304b\u3089\u5b63\u7bc0\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n
IndexController.java \u306b month() \u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping("\/month\/{month}")\r\n\tpublic ModelAndView month(@PathVariable int month, ModelAndView mav) {\r\n\t\tmav.setViewName("month");\r\n\t\tint m = Math.abs(month) % 12;\r\n\t\tm = m == 0 ? 12 : m;\r\n\t\tmav.addObject("month", m);\r\n\t\tmav.addObject("check", Math.floor(m \/ 3));\r\n\t\treturn mav;\r\n\t}\r\n<\/pre>\n
HTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001month.html \u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n<body>\r\n<h1>\u591a\u9805\u5206\u5c90<\/h1>\r\n\r\n<div th:switch="${check}">\r\n  <p th:case="0" th:text="|${month} - Winter|"><\/p>\r\n  <p th:case="1" th:text="|${month} - Spring|"><\/p>\r\n  <p th:case="2" th:text="|${month} - Summer|"><\/p>\r\n  <p th:case="3" th:text="|${month} - Autumn|"><\/p>\r\n  <p th:case="4" th:text="|${month} - Winter|"><\/p>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/pre>\n
th:each\u3067\u7e70\u308a\u8fd4\u3057\u8868\u793a\u3059\u308b<\/h3>\n
IndexController.java \u306b list() \u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping("\/list\/")\r\n\tpublic ModelAndView list(ModelAndView mav) {\r\n\t\tmav.setViewName("list");\r\n\t\tArrayList<String[]> data = new ArrayList<>();\r\n\t\tdata.add(new String[] {"taro", "taro@yamada", "090-999-999"});\r\n\t\tdata.add(new String[] {"hanako", "hanako@flower", "080-888-888"});\r\n\t\tdata.add(new String[] {"sachiko", "sachiko@happy", "070-777-777"});\r\n\t\tmav.addObject("data", data);\r\n\t\treturn mav;\r\n\t}\r\n<\/pre>\n
list.html \u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n<body>\r\n<h1>\u7e70\u308a\u8fd4\u3057<\/h1>\r\n\r\n<table>\r\n  <tr>\r\n    <th>NAME<\/th>\r\n    <th>MAIL<\/th>\r\n    <th>TEL<\/th>\r\n  <\/tr>\r\n  <tr th:each="obj:${data}">\r\n    <td th:text="${obj[0]}"><\/td>\r\n    <td th:text="${obj[1]}"><\/td>\r\n    <td th:text="${obj[2]}"><\/td>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<\/body>\r\n<\/pre>\n
JavaScript \u306e\u30a4\u30f3\u30e9\u30a4\u30f3\u51e6\u7406<\/h3>\n
Web\u30b5\u30a4\u30c8\u3092\u4f5c\u3063\u3066\u3044\u308b\u3068\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u304b\u3089JavaScript\u306b\u5024\u3092\u6e21\u3057\u305f\u3044\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u3001\u305d\u306e\u3084\u308a\u65b9\u3092\u8a66\u3057\u3066\u307f\u308b\u3002<\/p>\n
InddexController.java \u306b tax() \u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping("\/tax\/{tax}")\r\n\tpublic ModelAndView tax(@PathVariable int tax, ModelAndView mav) {\r\n\t\tmav.setViewName("tax");\r\n\t\tmav.addObject("tax", tax);\r\n\t\treturn mav;\r\n\t}\r\n<\/pre>\n
tax.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>\u6d88\u8cbb\u7a0e\u8a08\u7b97<\/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\n<\/style>\r\n<script th:inline="javascript">\r\nfunction action() {\r\n\tvar val = document.getElementById("text1").value;\r\n\tvar res = parseInt(val * ((100 + \/*[[${tax}]]*\/) \/ 100));\r\n\tdocument.getElementById("msg").innerHTML = "include tax: " + res;\r\n}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<h1>JavaScript\u306e\u30a4\u30f3\u30e9\u30a4\u30f3\u51e6\u7406\u3067\u6d88\u8cbb\u7a0e\u8a08\u7b97<\/h1>\r\n<p id="msg"><\/p>\r\n<input type="text" id="text1" \/>\r\n<button onclick="action()">click<\/button>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8<\/h3>\n
part.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>part page<\/title>\r\n<style th:fragment="frag_style">\r\ndiv.fragment {\r\n  border:solid 3px lightgray;\r\n  padding: 0px 20px;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <h1>Part page<\/h1>\r\n  <div th:fragment="frag_body">\r\n    <h2>fragment<\/h2>\r\n    <div class="fragment">\r\n      <p>this is fragment content.<\/p>\r\n      <p>sample message..<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
frag.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<style th:include="part :: frag_style"><\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <h1>Top page<\/h1>\r\n  <div th:include="part :: frag_body">\r\n    <p>this is original content.<\/p>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
IndexController.java \u306b frag() \u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n\t@RequestMapping("\/frag")\r\n\tpublic String frag() {\r\n\t\treturn "frag";\r\n\t}\r\n<\/pre>\n
frag.html \u306b\u30d8\u30c3\u30c0\u30fc\u3068\u30d5\u30c3\u30bf\u30fc\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u8aad\u307f\u8fbc\u3080\u3088\u3046\u306b\u3057\u3066\u307f\u308b\u3002<\/p>\n
\r\n<body>\r\n\r\n  <div th:include="part :: header">\r\n    <p>this is original content.<\/p>\r\n  <\/div>\r\n\r\n  <h1>Top page<\/h1>\r\n  <div th:include="part :: frag_body">\r\n    <p>this is original content.<\/p>\r\n  <\/div>\r\n  <p>\u3053\u3053\u304c\u672c\u6587\u3067\u3059\u3088<\/p>\r\n\r\n  <div th:include="part :: footer">\r\n    <p>this is original content.<\/p>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/pre>\n
part.html \u306b\u5171\u901a\u3067\u4f7f\u3046\u30d8\u30c3\u30c0\u30fc\u3068\u30d5\u30c3\u30bf\u30fc\u3092\u7528\u610f\u3059\u308b\u3002<\/p>\n
\r\n<body>\r\n\r\n  <div th:fragment="header">\r\n    <p>\u3053\u3053\u304c\u30d8\u30c3\u30c0\u30fc\u3067\u3059<\/p>\r\n    <hr \/>\r\n  <\/div>\r\n\r\n  <h1>Part page<\/h1>\r\n  <div th:fragment="frag_body">\r\n    <h2>fragment<\/h2>\r\n    <div class="fragment">\r\n      <p>this is fragment content.<\/p>\r\n      <p>sample message..<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div th:fragment="footer">\r\n    <hr \/>\r\n    <p>\u3053\u3053\u304c\u30d5\u30c3\u30bf\u30fc\u3067\u3059<\/p>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/pre>\n
\u30e2\u30c7\u30eb\u3068\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/h3>\n
\u6b21\u7ae0\u306e\u30e2\u30c7\u30eb\u3068\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u9032\u3080\u6e96\u5099\u3068\u3057\u3066\u3001pom.xml \u306b\u65b0\u3057\u3044\u4f9d\u5b58\u95a2\u4fc2\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/p>\n
\r\n<?xml version="1.0" encoding="UTF-8"?>\r\n<project xmlns="http:\/\/maven.apache.org\/POM\/4.0.0" xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance"\r\n\txsi:schemaLocation="http:\/\/maven.apache.org\/POM\/4.0.0 http:\/\/maven.apache.org\/xsd\/maven-4.0.0.xsd">\r\n\t<modelVersion>4.0.0<\/modelVersion>\r\n\t<parent>\r\n\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t<artifactId>spring-boot-starter-parent<\/artifactId>\r\n\t\t<version>2.1.4.RELEASE<\/version>\r\n\t\t<relativePath\/> <!-- lookup parent from repository -->\r\n\t<\/parent>\r\n\t<groupId>jp.abc<\/groupId>\r\n\t<artifactId>MyBootApp<\/artifactId>\r\n\t<version>0.0.1-SNAPSHOT<\/version>\r\n\t<name>MyBootApp<\/name>\r\n\t<description>Demo project for Spring Boot<\/description>\r\n\r\n\t<properties>\r\n\t\t<java.version>1.8<\/java.version>\r\n\t<\/properties>\r\n\r\n\t<dependencies>\r\n\t\t<dependency>\r\n\t\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t\t<artifactId>spring-boot-starter-web<\/artifactId>\r\n\t\t<\/dependency>\r\n\r\n\t\t<dependency>\r\n\t\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t\t<artifactId>spring-boot-starter-test<\/artifactId>\r\n\t\t\t<scope>test<\/scope>\r\n\t\t<\/dependency>\r\n\r\n\t\t<dependency>\r\n\t\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t\t<artifactId>spring-boot-starter-thymeleaf<\/artifactId>\r\n\t\t<\/dependency>\r\n\r\n\t\t<dependency>\r\n\t\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t\t<artifactId>spring-boot-starter-data-jpa<\/artifactId>\r\n\t\t<\/dependency>\r\n\r\n\t\t<dependency>\r\n\t\t\t<groupId>org.hsqldb<\/groupId>\r\n\t\t\t<artifactId>hsqldb<\/artifactId>\r\n\t\t<\/dependency>\r\n\r\n\t<\/dependencies>\r\n\r\n\t<build>\r\n\t\t<plugins>\r\n\t\t\t<plugin>\r\n\t\t\t\t<groupId>org.springframework.boot<\/groupId>\r\n\t\t\t\t<artifactId>spring-boot-maven-plugin<\/artifactId>\r\n\t\t\t<\/plugin>\r\n\t\t<\/plugins>\r\n\t<\/build>\r\n\r\n<\/project>\r\n<\/pre>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
\u6761\u4ef6\u5206\u5c90 \u30ed\u30b0\u30a4\u30f3\u3059\u308bWeb\u30b5\u30a4\u30c8\u3067\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u306a\u3044\u4eba\u306b\u300c\u30b2\u30b9\u30c8\u300d\u3068\u8868\u793a\u3057\u305f\u308a\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u305f\u4eba\u306b\u300c\u3088\u3046\u3053\u305d\u3007\u3007\u3055\u3093\uff01\u300d\u306e\u3088\u3046\u306b\u8868\u793a\u3059\u308b\u3068\u304d\u306b\u6761\u4ef6\u5206\u5c90\u3092\u4f7f\u7528\u3059\u308b\u3002 \u30c6\u30ad\u30b9\u30c8\u3067\u306fp.180\u304b\u3089\u306e\u90e8\u5206\u3002 IndexContr … “6\u670811\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":[1,3],"tags":[],"_links":{"self":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/144"}],"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=144"}],"version-history":[{"count":13,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=\/wp\/v2\/posts\/144\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2019se3.satoshis.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}