[ADD]新規会員登録とその確認画面の作成

src/main/resources/templates/user_register.html

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="ja"xmlns:th="http://www.thymeleaf.org">
+<head>
+<meta charset="UTF-8">
+<title>新規会員登録</title>
+</head>
+<body>
+	<header></header>
+	
+	<main>
+		<h1>新規会員登録</h1>
+		
+		<form th:action="@{/user/register/confirm}" th:object="${userForm}" method="post">
+			<div>
+				<label for="userName">氏名</label>
+				<input type="text"
+				id="userName"
+				th:field="*{userName}"
+				maxlength="100"
+				required>
+			</div>
+			
+			<div>
+				<label for="mailAddress">メールアドレス</label>
+				<input type="email"
+				id="mailAddress"
+				th:field="*{mailAddress}"
+				maxlength="255"
+				required>
+			</div>
+			
+			<div>
+				<label for="birthDate">生年月日</label>
+				<input type="date"
+				id="birthDate"
+				th:field="*{birthDate}"
+				required>
+			</div>
+			
+			<div>
+				<label for="password">パスワード</label>
+				<input type="password"
+				id="password"
+				th:field="*{password}"
+				minlength="8"
+				maxlength="255"
+				required>
+			</div>
+			
+			<div>
+				<label for="secretQuestionId">秘密の質問</label>
+				<select id="secretQuestionId"
+				        th:field="*{secretQuestionId}"
+				        required>
+				    <option value="">選択してください</option>
+				    <option th:each="question : ${questionList}"
+				            th:value="${question.secretQuestionId}"
+				            th:text="${question.questionText}">
+				    </option>
+				</select>
+			</div>
+			
+			<div>
+				<label for="secretAnswer">秘密の質問の回答</label>
+				<input type="text"
+				id="secretAnswer"
+				th:field="*{secretAnswer}"
+				maxlength="100"
+				required>
+			</div>
+			
+			<div>
+				<label for="saving">貯蓄金</label>
+				<input type="number"
+				id="saving"
+				th:field="*{saving}"
+				min="0"
+				required>
+			</div>
+			
+			<div>
+				<label for="annualIncome">年収</label>
+				<input type="number"
+				id="annualIncome"
+				th:field="*{annualIncome}"
+				 min="0"
+				 required>
+			 </div>
+			 
+			 <div>
+				<label for="monthlyBudget">月別使用可能金額</label>
+				<input type="number"
+				id="monthlyBudget"
+				th:field="*{monthlyBudget}"
+				min="0"
+				required>
+			 </div>
+			 
+			 <div>
+				<label for="goalId">目標</label>
+				<select id="goalId"
+				th:field="*{goalId}"
+				required>
+				    <option value="">選択してください</option>
+				    <option th:each="goal : ${goalList}"
+					th:value="${goal.goalId}"
+					th:text="${goal.goalTitle}">
+				    </option>
+				</select>
+			</div>
+			
+			<div>
+				<label for="courseId">コース</label>
+				<select id="courseId"
+				th:field="*{courseId}"
+				required>
+				    <option value="">選択してください</option>
+					<option th:each="course : ${courseList}"
+					th:value="${course.courseId}"
+					th:text="${course.courseName}">
+				    </option>
+				</select>
+			</div>
+			
+			<div>
+				<button type="submit">作成</button>
+			</div>
+		</form>
+		
+		<form th:action="@{/login}" method="get">
+			<button type="submit">戻る</button>
+		</form>
+		
+	</main>
+</body>
+</html>

src/main/resources/templates/user_register_confirm.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>新規会員登録確認</title>
+</head>
+<body>
+	<header></header>
+	
+	<main>
+		<h1>新規会員登録確認</h1>
+		
+		<div>
+			<p>氏名</p>
+			<p th:text="${session.userForm.userName}" readonly></p>
+		</div>
+		
+		<div>
+			<p>メールアドレス</p>
+			<p th:text="${session.userForm.mailAddress}" readonly></p>
+		</div>
+		
+		<div>
+			<p>生年月日</p>
+			<p th:text="${session.userForm.barthDate}" readonly></p>
+		</div>
+		
+		<div>
+			<p>パスワード</p>
+			<p>********</p>
+		</div>
+		
+		<div>
+			<p>秘密の質問</p>
+			<p th:text="${session.userForm.secretQuestionId}" readonly></p>
+		</div>
+		
+		<div>
+			<p>秘密の質問の回答</p>
+			<p th:text="${session.userForm.secretAnswer}" readonly></p>
+		</div>
+		
+		<div>
+			<p>貯蓄金</p>
+			<p th:text="${session.userForm.saving}" readonly></p>
+		</div>
+		
+		<div>
+			<p>年収</p>
+			<p th:text="${session.userForm.annualIncome}" readonly></p>
+		</div>
+		
+		<div>
+			<p>月別使用可能額</p>
+			<p th:text="${session.userForm.monthlyBudget}" readonly></p>
+		</div>
+		
+		<div>
+			<p>目標</p>
+			<p th:text="${session.userForm.goalId}" readonly></p>
+		</div>
+		
+		<div>
+			<p>コース</p>
+			<p th:text="${session.userForm.courseId}" readonly></p>
+		</div>
+		
+		<div>
+			<form th:action="@{/user/register}" method="get">
+				<button type="submit">戻る</button>
+			</form>
+		</div>
+		<form th:action="@{/user/register/complete}" method="post">
+					<button type="submit">確定</button>
+				</form>
+	</main>
+</body>
+</html>