２.RailsをSpringBootに移行する

２－６ビューの作成

①パッケージ・エクスプローラーから、右クリックで新規>その他>Web>HTMLファイルを選択し、index.htmlを作成し以下のコードを入力します。

・ビューはRailsのテンプレートファイルをコピーし、内容を修正しました。

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>掲示板</title>
<style>
table {
  border-collapse: collapse;
  border: solid 1px #000000;
}
td {
  border: solid 1px #000000;
}
th {
  border: solid 1px #000000;
  color:white; 
  background:darkgray;
}
.col_date {width: 100px;}
.col_title {width: 500px;}
.col_user {width: 200px;}
.col_link {width: 40px;}
</style>
</head>
<body>
  <h1>掲示板</h1>
  <table>
    <thead>
      <tr>
        <th class="col_date">作成日</th>
        <th class="col_title">タイトル</th>
        <th class="col_user">作成者</th>
        <th class="col_link"></th>
        <th class="col_link"></th>
        <th class="col_link"></th>
      </tr>
    </thead>
    <tbody>
      <tr th:each="obj : ${data}">
        <td th:text="${obj.createdAt}"></td>
        <td th:text="${obj.title}"></td>
        <td th:text="${obj.createUser}"></td>
        <td>
            <form action="/show" method="get">
                <input type="submit" value="詳細" />
                <input type="hidden" name="id" th:value="${obj.id}" />
            </form>
        </td>
        <td>
            <form action="/edit" method="get">
                <input type="submit" value="編集" />
                <input type="hidden" name="id" th:value="${obj.id}" />
            </form>
        </td>
        <td>
            <form th:action="@{/delete}" method="post">
                <input type="submit" value="削除" />
                <input type="hidden" name="id" th:value="${obj.id}" />
            </form>
        </td>
      </tr>
    </tbody>
</table>
<form action="/new">
    <input type="submit" value="新規"  />
</form>
</body>
</html>

２.RailsをSpringBootに移行する

２－６ ビューの作成

２－６ビューの作成