SpringBoot Railsからの移行処理


2.RailsをSpringBootに移行する

2-6 ビューの作成

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

new.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>掲示板</title>
</head>
<body>
<style>
table {
  border-collapse: collapse;
  border: solid 1px #000000;
}
td {
  border: solid 1px #000000;
}
th {
  border: solid 1px #000000;
  color:white; 
  background:darkgray;
}
.col_table {width: 500px;}
textarea {
  height: 200px;
  width: 100%;
}
</style>

<form  method="post" th:action="@{/create}" th:object="${webnote}" style="display: inline">
  <input type="hidden" name="id" th:value="*{id}" />
  <table>
  <tr>
    <th class="col_table">タイトル</th>
  </tr>
  <tr>
    <td><input name="title" type="text"  th:value="*{title}" size="60" maxlength= "60"/></td>
  </tr>
  <tr>
    <th>内容</th>
  </tr>
  <tr>
    <td><textarea cols="80" rows="10" th:field="*{content}"></textarea></td>
  </tr>
  <tr>
    <th>作成者</th>
  </tr>
  <tr>
    <td><input name="createUser" type="text"  th:value="*{createUser}" size="20" maxlength= "20"/></td>
  <tr>
  <table>
  <hr/>
  <input type="submit" value="登 録"  class="btn btn-primary" />
</form>
<form action="/" style="display: inline">
    <input type="submit" value="戻 る"  class="btn btn-outline-primary" />
</form>
</body>
</html>