All done

book-rent/pom.xml

@@ -43,19 +43,20 @@
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-validation</artifactId>
 		</dependency>
-<!-- webmvcから通常のwebスターターに変更 -->
 		<dependency>
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-web</artifactId>
 		</dependency>
- 
 		<dependency>
 			<groupId>org.springframework.boot</groupId>
-<artifactId>spring-boot-devtools</artifactId> <!-- ここを修正 -->
+			<artifactId>spring-boot-starter-security</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-devtools</artifactId>
 			<scope>runtime</scope>
 			<optional>true</optional>
 		</dependency>
-
 		<dependency>
 			<groupId>com.mysql</groupId>
 			<artifactId>mysql-connector-j</artifactId>
@@ -71,7 +72,6 @@
 			<artifactId>spring-boot-starter-tomcat</artifactId>
 			<scope>provided</scope>
 		</dependency>
-		
 		<dependency>
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-test</artifactId>
@@ -99,6 +99,7 @@
 								<path>
 									<groupId>org.projectlombok</groupId>
 									<artifactId>lombok</artifactId>
+									<version>1.18.30</version>
 								</path>
 							</annotationProcessorPaths>
 						</configuration>
@@ -114,6 +115,7 @@
 								<path>
 									<groupId>org.projectlombok</groupId>
 									<artifactId>lombok</artifactId>
+									<version>1.18.30</version>
 								</path>
 							</annotationProcessorPaths>
 						</configuration>
@@ -122,6 +124,131 @@
 			</plugin>
 		</plugins>
 	</build>
- 
 </project>
+<!--<?xml version="1.0" encoding="UTF-8"?>-->
+<!--<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"-->
+<!--	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">-->
+<!--	<modelVersion>4.0.0</modelVersion>-->
+<!--	<parent>-->
+<!--		<groupId>org.springframework.boot</groupId>-->
+<!--		<artifactId>spring-boot-starter-parent</artifactId>-->
+<!--		<version>4.1.1</version>-->
+<!--		<relativePath/>  lookup parent from repository -->
+<!--	</parent>-->
+<!--	<groupId>com.example</groupId>-->
+<!--	<artifactId>book-rent</artifactId>-->
+<!--	<version>0.0.1-SNAPSHOT</version>-->
+<!--	<packaging>war</packaging>-->
+<!--	<name>book-rent</name>-->
+<!--	<description/>-->
+<!--	<url/>-->
+<!--	<licenses>-->
+<!--		<license/>-->
+<!--	</licenses>-->
+<!--	<developers>-->
+<!--		<developer/>-->
+<!--	</developers>-->
+<!--	<scm>-->
+<!--		<connection/>-->
+<!--		<developerConnection/>-->
+<!--		<tag/>-->
+<!--		<url/>-->
+<!--	</scm>-->
+<!--	<properties>-->
+<!--		<java.version>21</java.version>-->
+<!--	</properties>-->
+<!-- <dependencies>-->
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-data-jpa</artifactId>-->
+<!--</dependency>-->
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-thymeleaf</artifactId>-->
+<!--</dependency>-->
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-validation</artifactId>-->
+<!--</dependency>-->
+<!-- webmvcから通常のwebスターターに変更 -->
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-web</artifactId>-->
+<!--</dependency>-->
+ 
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-devtools</artifactId>  ここを修正 -->
+<!--<scope>runtime</scope>-->
+<!--<optional>true</optional>-->
+<!--</dependency>-->
+
+<!--<dependency>-->
+<!--<groupId>com.mysql</groupId>-->
+<!--<artifactId>mysql-connector-j</artifactId>-->
+<!--<scope>runtime</scope>-->
+<!--</dependency>-->
+<!--<dependency>-->
+<!--<groupId>org.projectlombok</groupId>-->
+<!--<artifactId>lombok</artifactId>-->
+<!--<optional>true</optional>-->
+<!--</dependency>-->
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-tomcat</artifactId>-->
+<!--<scope>provided</scope>-->
+<!--</dependency>-->
+		
+<!--<dependency>-->
+<!--<groupId>org.springframework.boot</groupId>-->
+<!--<artifactId>spring-boot-starter-test</artifactId>-->
+<!--<scope>test</scope>-->
+<!--</dependency>-->
+<!--</dependencies>-->
+<!--	<build>-->
+<!--		<plugins>-->
+<!--			<plugin>-->
+<!--				<groupId>org.springframework.boot</groupId>-->
+<!--				<artifactId>spring-boot-maven-plugin</artifactId>-->
+<!--			</plugin>-->
+<!--			<plugin>-->
+<!--				<groupId>org.apache.maven.plugins</groupId>-->
+<!--				<artifactId>maven-compiler-plugin</artifactId>-->
+<!--				<executions>-->
+<!--					<execution>-->
+<!--						<id>default-compile</id>-->
+<!--						<phase>compile</phase>-->
+<!--						<goals>-->
+<!--							<goal>compile</goal>-->
+<!--						</goals>-->
+<!--						<configuration>-->
+<!--							<annotationProcessorPaths>-->
+<!--								<path>-->
+<!--									<groupId>org.projectlombok</groupId>-->
+<!--									<artifactId>lombok</artifactId>-->
+<!--								</path>-->
+<!--							</annotationProcessorPaths>-->
+<!--						</configuration>-->
+<!--					</execution>-->
+<!--					<execution>-->
+<!--						<id>default-testCompile</id>-->
+<!--						<phase>test-compile</phase>-->
+<!--						<goals>-->
+<!--							<goal>testCompile</goal>-->
+<!--						</goals>-->
+<!--						<configuration>-->
+<!--							<annotationProcessorPaths>-->
+<!--								<path>-->
+<!--									<groupId>org.projectlombok</groupId>-->
+<!--									<artifactId>lombok</artifactId>-->
+<!--								</path>-->
+<!--							</annotationProcessorPaths>-->
+<!--						</configuration>-->
+<!--					</execution>-->
+<!--				</executions>-->
+<!--			</plugin>-->
+<!--		</plugins>-->
+<!--	</build>-->
+ 
+<!--</project>-->
 

book-rent/src/main/java/com/example/demo/config/CompatiblePasswordEncoder.java

@@ -0,0 +1,38 @@
+package com.example.demo.config;
+ 
+import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
+import org.springframework.security.crypto.password.PasswordEncoder;
+ 
+// データベースに保存されている平文パスワードと、BCryptでハッシュ化されたパスワードの両方を照合できるようにするクラス
+public class CompatiblePasswordEncoder implements PasswordEncoder {
+ 
+	// パスワードを安全にハッシュ化するためのクラスを生成
+	private final BCryptPasswordEncoder bcrypt = new BCryptPasswordEncoder();
+ 
+	// パスワードのハッシュ化
+	@Override
+	public String encode(CharSequence rawPassword) {
+		return bcrypt.encode(rawPassword);
+	}
+ 
+	@Override
+	public boolean matches(
+			CharSequence rawPassword,
+			String encodedPassword) {
+ 
+		// 保存済みパスワードが存在するか確認
+		if (encodedPassword == null) {
+			return false;
+		}
+ 
+		// 既存の平文パスワードに対応
+		if (!encodedPassword.startsWith("$2a$")
+				&& !encodedPassword.startsWith("$2b$")
+				&& !encodedPassword.startsWith("$2y$")) {
+			return rawPassword.toString().equals(encodedPassword);
+		}
+ 
+		// BCrypt形式のパスワードに対応
+		return bcrypt.matches(rawPassword, encodedPassword);
+	}
+}

book-rent/src/main/java/com/example/demo/config/CustomAuthenticationFailureHandler.java

@@ -0,0 +1,72 @@
+package com.example.demo.config;
+ 
+import java.io.IOException;
+
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import org.springframework.security.core.AuthenticationException;
+import org.springframework.security.web.authentication.SimpleUrlAuthenticationFailureHandler;
+import org.springframework.stereotype.Component;
+
+import com.example.demo.service.LoginAttemptService;
+ 
+// ログイン失敗時の処理
+@Component
+public class CustomAuthenticationFailureHandler
+        extends SimpleUrlAuthenticationFailureHandler {
+ 
+    private final LoginAttemptService loginAttemptService;
+ 
+    public CustomAuthenticationFailureHandler(
+            LoginAttemptService loginAttemptService) {
+        this.loginAttemptService = loginAttemptService;
+    }
+ 
+    @Override
+    public void onAuthenticationFailure(
+            HttpServletRequest request,
+            HttpServletResponse response,
+            AuthenticationException exception)
+            throws IOException, ServletException {
+ 
+        // 画面から入力されたメールアドレスを取得
+        String mailAddress = request.getParameter("mailAddress");
+ 
+        // メールアドレスが空欄の場合
+        if (mailAddress == null || mailAddress.isBlank()) {
+            getRedirectStrategy().sendRedirect(
+                    request, response, "/login?error=empty");
+            return;
+        }
+ 
+        String mail = mailAddress.trim();
+ 
+        // すでにロックされている場合
+        if (loginAttemptService.isBlocked(mail)) {
+            getRedirectStrategy().sendRedirect(
+                    request, response, "/login?error=locked");
+            return;
+        }
+ 
+        // ログイン失敗回数を増やす
+        loginAttemptService.loginFailed(mail);
+ 
+        // 失敗回数の上限に達した場合
+        if (loginAttemptService.isBlocked(mail)) {
+            getRedirectStrategy().sendRedirect(
+                    request, response, "/login?error=locked");
+            return;
+        }
+ 
+        // 残りのログイン試行回数を取得
+        int remaining =
+                loginAttemptService.getRemainingAttempts(mail);
+ 
+        getRedirectStrategy().sendRedirect(
+                request, response,
+                "/login?error=failed&remaining=" + remaining);
+    }
+}
+ 

book-rent/src/main/java/com/example/demo/config/CustomAuthenticationSuccessHandler.java

@@ -0,0 +1,48 @@
+package com.example.demo.config;
+ 
+import java.io.IOException;
+
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import org.springframework.security.core.Authentication;
+import org.springframework.security.web.authentication.SimpleUrlAuthenticationSuccessHandler;
+import org.springframework.stereotype.Component;
+
+import com.example.demo.common.Const;
+import com.example.demo.service.LoginAttemptService;
+ 
+@Component
+public class CustomAuthenticationSuccessHandler
+		extends SimpleUrlAuthenticationSuccessHandler {
+ 
+	private final LoginAttemptService loginAttemptService;
+ 
+	public CustomAuthenticationSuccessHandler(
+			LoginAttemptService loginAttemptService) {
+		this.loginAttemptService = loginAttemptService;
+		setDefaultTargetUrl("/menu");
+		setAlwaysUseDefaultTargetUrl(true);
+	}
+ 
+	@Override
+	public void onAuthenticationSuccess(
+			HttpServletRequest request,
+			HttpServletResponse response,
+			Authentication authentication)
+			throws IOException, ServletException {
+ 
+		if (authentication.getPrincipal() instanceof CustomUserDetails userDetails) {
+			String mail = userDetails.getUsername();
+ 
+			loginAttemptService.loginSucceeded(mail);
+ 
+			request.getSession(true).setAttribute(
+					Const.SESSION_LOGIN_USER,
+					userDetails.getLoginUser());
+		}
+ 
+		super.onAuthenticationSuccess(request, response, authentication);
+	}
+}

book-rent/src/main/java/com/example/demo/config/CustomUserDetails.java

@@ -0,0 +1,74 @@
+package com.example.demo.config;
+ 
+import java.util.Collection;
+import java.util.Collections;
+
+import org.springframework.security.core.GrantedAuthority;
+import org.springframework.security.core.authority.SimpleGrantedAuthority;
+import org.springframework.security.core.userdetails.UserDetails;
+
+import com.example.demo.common.LoginUser;
+import com.example.demo.service.LoginAttemptService;
+ 
+// システムの社員情報をSpring Securityが扱えるクラスに変更
+public class CustomUserDetails implements UserDetails {
+ 
+	private final LoginUser loginUser;
+	private final String password; // DBから取得した暗号化パスワードを保持
+	private final LoginAttemptService loginAttemptService;
+ 
+	public CustomUserDetails(LoginUser loginUser, String password, LoginAttemptService loginAttemptService) {
+		this.loginUser = loginUser;
+		this.password = password;
+		this.loginAttemptService = loginAttemptService;
+	}
+ 
+	@Override
+	public String getPassword() {
+		return this.password;
+	}
+ 
+	@Override
+	public String getUsername() {
+		return loginUser.getMailAddress();
+	}
+ 
+	// アカウントのロック状態の確認
+	@Override
+	public boolean isAccountNonLocked() {
+		return !loginAttemptService.isBlocked(getUsername());
+	}
+ 
+	
+	// 管理者判定メソッド
+	@Override
+	public Collection<? extends GrantedAuthority> getAuthorities() {
+		String role = loginUser.isAdmin()
+				? "ROLE_ADMIN"
+				: "ROLE_USER";
+ 
+		return Collections.singletonList( // 要素が一つだけの変更できないリストを作るメソッド
+				new SimpleGrantedAuthority(role));
+	}
+ 
+	@Override
+	public boolean isAccountNonExpired() {
+		return true;
+	}
+ 
+	@Override
+	public boolean isCredentialsNonExpired() {
+		return true;
+	}
+ 
+	@Override
+	public boolean isEnabled() {
+		return true;
+	}
+ 
+	// ログイン成功後にコントローラー等でLoginUserを取り出すためのゲッター
+	public LoginUser getLoginUser() {
+		return loginUser;
+	}
+ 
+}

book-rent/src/main/java/com/example/demo/config/SecurityConfig.java

@@ -0,0 +1,58 @@
+package com.example.demo.config;
+ 
+import org.springframework.boot.security.autoconfigure.web.servlet.PathRequest;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.security.config.annotation.web.builders.HttpSecurity;
+import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
+import org.springframework.security.crypto.password.PasswordEncoder;
+import org.springframework.security.web.SecurityFilterChain;
+ 
+@Configuration
+@EnableWebSecurity
+public class SecurityConfig {
+ 
+	private final CustomAuthenticationFailureHandler failureHandler;
+	private final CustomAuthenticationSuccessHandler successHandler;
+ 
+	public SecurityConfig(
+			CustomAuthenticationFailureHandler failureHandler,
+			CustomAuthenticationSuccessHandler successHandler) {
+		this.failureHandler = failureHandler;
+		this.successHandler = successHandler;
+	}
+ 
+	@Bean
+	public SecurityFilterChain securityFilterChain(
+			HttpSecurity http) throws Exception {
+ 
+		http
+				.authorizeHttpRequests(authorize -> authorize
+						.requestMatchers(
+								PathRequest.toStaticResources().atCommonLocations())
+						.permitAll()
+						.requestMatchers(
+								"/", "/index", "/error", "/login")
+						.permitAll()
+						.anyRequest().authenticated())
+				.formLogin(login -> login
+						.loginPage("/login")
+						.loginProcessingUrl("/login")
+						.usernameParameter("mailAddress")
+						.passwordParameter("password")
+						.failureHandler(failureHandler)
+						.successHandler(successHandler)
+						.permitAll())
+				.logout(logout -> logout
+						.logoutUrl("/logout")
+						.logoutSuccessUrl("/login?logout")
+						.permitAll());
+ 
+		return http.build();
+	}
+ 
+	@Bean
+	public PasswordEncoder passwordEncoder() {
+		return new CompatiblePasswordEncoder();
+	}
+}

book-rent/src/main/java/com/example/demo/controller/BookController.java

@@ -1,15 +1,16 @@
 package com.example.demo.controller;
  
  
+import java.util.List;
+import java.util.stream.IntStream;
 
-
-	
-
+import org.springframework.data.domain.Page;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 
+import com.example.demo.entity.BookCollection;
 import com.example.demo.service.BookService;
  
  
@@ -22,13 +23,24 @@ public class BookController {
         this.bookService = bookService;
     }
  
+ 
     /** メニューの「書籍一覧」＝条件なし（全件）、検索ボタン＝条件付きで同じURLを使う */
     @GetMapping("/books")
     public String list(@RequestParam(defaultValue = "") String nmBook,
                        @RequestParam(defaultValue = "") String publisher,
                        @RequestParam(defaultValue = "") String note,
+                       @RequestParam(defaultValue = "0") int page,
+                       @RequestParam(defaultValue = "10") int size,
                        Model model) {
-        model.addAttribute("books", bookService.searchLendable(nmBook, publisher, note));
+ 
+    	 Page<BookCollection> bookPage =
+    			 bookService.searchLendable(nmBook, publisher, note, page, size);
+    	 List<Integer> pageNumbers =
+    			 IntStream.range(0, bookPage.getTotalPages()).boxed().toList();
+ 
+        model.addAttribute("books", bookPage);
+        model.addAttribute("bookPage", bookPage);
+        model.addAttribute("pageNumbers", pageNumbers);
         // 検索条件を保持
         model.addAttribute("nmBook", nmBook);
         model.addAttribute("publisher", publisher);
@@ -37,3 +49,42 @@ public class BookController {
     }
  
 }
+//package com.example.demo.controller;
+//
+//
+//
+//
+//	
+//
+//import org.springframework.stereotype.Controller;
+//import org.springframework.ui.Model;
+//import org.springframework.web.bind.annotation.GetMapping;
+//import org.springframework.web.bind.annotation.RequestParam;
+//
+//import com.example.demo.service.BookService;
+//
+//
+///** BOOK-01：書籍検索（bookList.html） */
+//@Controller
+//public class BookController {
+//    private final BookService bookService;
+//
+//    public BookController(BookService bookService) {
+//        this.bookService = bookService;
+//    }
+//
+//    /** メニューの「書籍一覧」＝条件なし（全件）、検索ボタン＝条件付きで同じURLを使う */
+//    @GetMapping("/books")
+//    public String list(@RequestParam(defaultValue = "") String nmBook,
+//                       @RequestParam(defaultValue = "") String publisher,
+//                       @RequestParam(defaultValue = "") String note,
+//                       Model model) {
+//        model.addAttribute("books", bookService.searchLendable(nmBook, publisher, note));
+//        // 検索条件を保持
+//        model.addAttribute("nmBook", nmBook);
+//        model.addAttribute("publisher", publisher);
+//        model.addAttribute("note", note);
+//        return "bookList";
+//    }
+//
+//}

book-rent/src/main/java/com/example/demo/controller/LoginController.java

@@ -1,72 +1,140 @@
 package com.example.demo.controller;
  
- 
-import java.util.Optional;
-
-import jakarta.servlet.http.HttpServletRequest;
 import jakarta.servlet.http.HttpSession;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 
 import com.example.demo.common.Const;
-import com.example.demo.common.LoginUser;
-import com.example.demo.service.AuthService;
  
-/** AUTH-01：ログイン／ログアウト（login.html） */
 @Controller
 public class LoginController {
-    private final AuthService authService;
- 
-    public LoginController(AuthService authService) {
-        this.authService = authService;
-    }
  
     @GetMapping("/")
     public String root() {
-        return "redirect:/menu";
+        return "redirect:/login";
     }
  
     @GetMapping("/login")
-    public String loginForm(HttpSession session) {
+    public String loginForm(
+            HttpSession session,
+            @RequestParam(name = "error", required = false) String error,
+            @RequestParam(name = "logout", required = false) String logout,
+            @RequestParam(name = "remaining", required = false) Integer remaining,
+            Model model) {
+ 
+        // すでにログインしている場合はメニュー画面へ
         if (session.getAttribute(Const.SESSION_LOGIN_USER) != null) {
             return "redirect:/menu";
         }
-        return "login";
+ 
+        // ログイン失敗時のメッセージ
+        if ("locked".equals(error)) {
+            model.addAttribute(
+                "errorMessage",
+                "ログインに5回連続で失敗したため、10分間アカウントをロックしました。"
+            );
+ 
+        } else if ("failed".equals(error) && remaining != null) {
+ 
+            if (remaining == 1) {
+                model.addAttribute(
+                    "errorMessage",
+                    "メールアドレスまたはパスワードが間違っています。あと1回間違えると、10分間ログインできなくなります。"
+                );
+            } else {
+                model.addAttribute(
+                    "errorMessage",
+                    "メールアドレスまたはパスワードが間違っています。あと"
+                    + remaining
+                    + "回間違えると、10分間ログインできなくなります。"
+                );
             }
  
-    @PostMapping("/login")
-    public String login(@RequestParam(defaultValue = "") String mailAddress,
-                        @RequestParam(defaultValue = "") String password,
-                        HttpServletRequest request, Model model) {
-        String mail = mailAddress.trim();
-        model.addAttribute("mailAddress", mail);   // 入力値を保持（パスワードは保持しない）
+        } else if (error != null) {
+            model.addAttribute(
+                "errorMessage",
+                "メールアドレスまたはパスワードが間違っています。"
+            );
  
-        if (mail.isEmpty() || password.isEmpty()) {
-            model.addAttribute("errorMessage", "メールアドレスとパスワードを入力してください。");
-            return "login";
-        }
-        Optional<LoginUser> user = authService.authenticate(mail, password);
-        if (user.isEmpty()) {
-            // どちらが誤りかは分からない文言にする
-            model.addAttribute("errorMessage", "メールアドレスまたはパスワードが正しくありません。");
-            return "login";
-        }
-        // セッション固定化攻撃対策：古いセッションを破棄して新規発行
-        HttpSession old = request.getSession(false);
-        if (old != null) {
-            old.invalidate();
-        }
-        request.getSession(true).setAttribute(Const.SESSION_LOGIN_USER, user.get());
-        return "redirect:/menu";
+        } else if (logout != null) {
+            model.addAttribute("message", "ログアウトしました。");
         }
  
-    @PostMapping("/logout")
-    public String logout(HttpSession session) {
-        session.invalidate();
-        return "redirect:/login";
+        return "login";
     }
 }
+//package com.example.demo.controller;
+// 
+// 
+//import java.util.Optional;
+//
+//import jakarta.servlet.http.HttpServletRequest;
+//import jakarta.servlet.http.HttpSession;
+//
+//import org.springframework.stereotype.Controller;
+//import org.springframework.ui.Model;
+//import org.springframework.web.bind.annotation.GetMapping;
+//import org.springframework.web.bind.annotation.PostMapping;
+//import org.springframework.web.bind.annotation.RequestParam;
+//
+//import com.example.demo.common.Const;
+//import com.example.demo.common.LoginUser;
+//import com.example.demo.service.AuthService;
+// 
+///** AUTH-01：ログイン／ログアウト（login.html） */
+//@Controller
+//public class LoginController {
+//    private final AuthService authService;
+// 
+//    public LoginController(AuthService authService) {
+//        this.authService = authService;
+//    }
+// 
+//    @GetMapping("/")
+//    public String root() {
+//        return "redirect:/menu";
+//    }
+// 
+//    @GetMapping("/login")
+//    public String loginForm(HttpSession session) {
+//        if (session.getAttribute(Const.SESSION_LOGIN_USER) != null) {
+//            return "redirect:/menu";
+//        }
+//        return "login";
+//    }
+// 
+//    @PostMapping("/login")
+//    public String login(@RequestParam(defaultValue = "") String mailAddress,
+//                        @RequestParam(defaultValue = "") String password,
+//                        HttpServletRequest request, Model model) {
+//        String mail = mailAddress.trim();
+//        model.addAttribute("mailAddress", mail);   // 入力値を保持（パスワードは保持しない）
+// 
+//        if (mail.isEmpty() || password.isEmpty()) {
+//            model.addAttribute("errorMessage", "メールアドレスとパスワードを入力してください。");
+//            return "login";
+//        }
+//        Optional<LoginUser> user = authService.authenticate(mail, password);
+//        if (user.isEmpty()) {
+//            // どちらが誤りかは分からない文言にする
+//            model.addAttribute("errorMessage", "メールアドレスまたはパスワードが正しくありません。");
+//            return "login";
+//        }
+//        // セッション固定化攻撃対策：古いセッションを破棄して新規発行
+//        HttpSession old = request.getSession(false);
+//        if (old != null) {
+//            old.invalidate();
+//        }
+//        request.getSession(true).setAttribute(Const.SESSION_LOGIN_USER, user.get());
+//        return "redirect:/menu";
+//    }
+// 
+//    @PostMapping("/logout")
+//    public String logout(HttpSession session) {
+//        session.invalidate();
+//        return "redirect:/login";
+//    }
+//}

book-rent/src/main/java/com/example/demo/repository/BookCollectionRepository.java

@@ -1,8 +1,9 @@
 package com.example.demo.repository;
  
 import java.time.LocalDateTime;
-import java.util.List;
 
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.data.jpa.repository.Modifying;
 import org.springframework.data.jpa.repository.Query;
@@ -22,10 +23,12 @@ public interface BookCollectionRepository extends JpaRepository<BookCollection,
 			+ "and (:publisher = '' or b.publisher like concat('%', :publisher, '%') escape '!') "
 			+ "and (:note = '' or b.note like concat('%', :note, '%') escape '!') "
 			+ "order by b.idBook")
-	List<BookCollection> search(@Param("lending") String lending,
+	Page<BookCollection> search(
+	        @Param("lending") String lending,
 	        @Param("nm") String nm,
 	        @Param("publisher") String publisher,
-			@Param("note") String note);
+	        @Param("note") String note,
+	        Pageable pageable);
  
 	/**
 	 * 貸出フラグを from → to に更新する（現在値が from のときだけ更新）。
@@ -37,3 +40,42 @@ public interface BookCollectionRepository extends JpaRepository<BookCollection,
 	int updateLending(@Param("id") Integer id, @Param("from") String from, @Param("to") String to,
 			@Param("uid") Integer uid, @Param("now") LocalDateTime now);
 }
+//package com.example.demo.repository;
+//
+//import java.time.LocalDateTime;
+//import java.util.List;
+//
+//import org.springframework.data.jpa.repository.JpaRepository;
+//import org.springframework.data.jpa.repository.Modifying;
+//import org.springframework.data.jpa.repository.Query;
+//import org.springframework.data.repository.query.Param;
+//
+//import com.example.demo.entity.BookCollection;
+//
+//public interface BookCollectionRepository extends JpaRepository<BookCollection, Integer> {
+//
+//	/**
+//	 * 貸出可の蔵書を部分一致(AND)で検索する。
+//	 * 空文字の条件は「指定なし」。LIKE の特殊文字は呼び出し側で '!' を使ってエスケープ済み。
+//	 */
+//	@Query("select b from BookCollection b "
+//			+ "where b.flgLending = :lending "
+//			+ "and (:nm = '' or b.nmBook like concat('%', :nm, '%') escape '!') "
+//			+ "and (:publisher = '' or b.publisher like concat('%', :publisher, '%') escape '!') "
+//			+ "and (:note = '' or b.note like concat('%', :note, '%') escape '!') "
+//			+ "order by b.idBook")
+//	List<BookCollection> search(@Param("lending") String lending,
+//			@Param("nm") String nm,
+//			@Param("publisher") String publisher,
+//			@Param("note") String note);
+//
+//	/**
+//	 * 貸出フラグを from → to に更新する（現在値が from のときだけ更新）。
+//	 * 戻り値が0なら、既に他の操作で状態が変わっている（状態不整合）。
+//	 */
+//	@Modifying(clearAutomatically = true, flushAutomatically = true)
+//	@Query("update BookCollection b set b.flgLending = :to, b.idUpdate = :uid, b.dateUpdate = :now "
+//			+ "where b.idBook = :id and b.flgLending = :from")
+//	int updateLending(@Param("id") Integer id, @Param("from") String from, @Param("to") String to,
+//			@Param("uid") Integer uid, @Param("now") LocalDateTime now);
+//}

book-rent/src/main/java/com/example/demo/service/BookAdminService.java

@@ -32,8 +32,10 @@ public class BookAdminService {
         else if (f.getIsbn().length() > 13) e.add("ISBNは13文字以内で入力してください。");
         if (f.getNmBook().isEmpty()) e.add("書籍名を入力してください。");
         else if (f.getNmBook().length() > 50) e.add("書籍名は50文字以内で入力してください。");
-        if (f.getKnBook().length() > 100) e.add("書籍名よみは100文字以内で入力してください。");
+        if(!f.getKnBook().matches("^[\\u3040-\\u309F]+$")) e.add("書籍名よみはひらがなで入力してください");
+        else if (f.getKnBook().length() > 100) e.add("書籍名よみは100文字以内で入力してください。");
         if (f.getPublisher().length() > 50) e.add("出版社は50文字以内で入力してください。");
+        
         return e;
     }
 

book-rent/src/main/java/com/example/demo/service/BookService.java

@@ -1,7 +1,7 @@
 package com.example.demo.service;
  
-import java.util.List;
-
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageRequest;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
@@ -20,8 +20,8 @@ public class BookService {
  
     /** 貸出可の蔵書を検索する。全て未入力なら全件。 */
     @Transactional(readOnly = true)
-    public List<BookCollection> searchLendable(String nmBook, String publisher, String note) {
-        return bookRepository.search(Const.LENDING_OK, normalize(nmBook), normalize(publisher), normalize(note));
+    public Page<BookCollection> searchLendable(String nmBook, String publisher, String note,int page, int size) {
+        return bookRepository.search(Const.LENDING_OK, normalize(nmBook), normalize(publisher), normalize(note),PageRequest.of(page, size));
     }
  
     /** 前後の空白除去＋LIKE特殊文字(! % _)のエスケープ（エスケープ文字は '!'） */
@@ -29,5 +29,39 @@ public class BookService {
         if (s == null) return "";
         return s.trim().replace("!", "!!").replace("%", "!%").replace("_", "!_");
     }
-}
  
+ 
+}
+//package com.example.demo.service;
+//
+//import java.util.List;
+//
+//import org.springframework.stereotype.Service;
+//import org.springframework.transaction.annotation.Transactional;
+//
+//import com.example.demo.common.Const;
+//import com.example.demo.entity.BookCollection;
+//import com.example.demo.repository.BookCollectionRepository;
+//
+///** BOOK-01：書籍検索 */
+//@Service
+//public class BookService {
+//    private final BookCollectionRepository bookRepository;
+//
+//    public BookService(BookCollectionRepository bookRepository) {
+//        this.bookRepository = bookRepository;
+//    }
+//
+//    /** 貸出可の蔵書を検索する。全て未入力なら全件。 */
+//    @Transactional(readOnly = true)
+//    public List<BookCollection> searchLendable(String nmBook, String publisher, String note) {
+//        return bookRepository.search(Const.LENDING_OK, normalize(nmBook), normalize(publisher), normalize(note));
+//    }
+//
+//    /** 前後の空白除去＋LIKE特殊文字(! % _)のエスケープ（エスケープ文字は '!'） */
+//    static String normalize(String s) {
+//        if (s == null) return "";
+//        return s.trim().replace("!", "!!").replace("%", "!%").replace("_", "!_");
+//    }
+//}
+//

book-rent/src/main/java/com/example/demo/service/CustomUserDetailsService.java

@@ -0,0 +1,47 @@
+package com.example.demo.service;
+
+import org.springframework.security.core.userdetails.UserDetails;
+import org.springframework.security.core.userdetails.UserDetailsService;
+import org.springframework.security.core.userdetails.UsernameNotFoundException;
+import org.springframework.stereotype.Service;
+
+import com.example.demo.common.Const;
+import com.example.demo.common.LoginUser;
+import com.example.demo.config.CustomUserDetails;
+import com.example.demo.entity.Employee;
+import com.example.demo.repository.EmployeeRepository;
+
+//Spring Securityから依頼を受けて、ログインする社員情報をDBから取得
+@Service
+public class CustomUserDetailsService implements UserDetailsService {
+
+	private final EmployeeRepository employeeRepository;
+	private final LoginAttemptService loginAttemptService;
+
+	public CustomUserDetailsService(
+			EmployeeRepository employeeRepository,
+			LoginAttemptService loginAttemptService) {
+		this.employeeRepository = employeeRepository;
+		this.loginAttemptService = loginAttemptService;
+	}
+
+	@Override
+	public UserDetails loadUserByUsername(String maillAddress) throws UsernameNotFoundException {
+
+		Employee employee = employeeRepository.findByMailAddressAndFlgRetirement(maillAddress.trim(), Const.RETIRE_NO)
+				.orElseThrow(() -> new UsernameNotFoundException("認証に失敗しました。"));
+		// ↑社員情報が見つからない場合は例外処理
+
+		// 取得したEmployeeをLoginUserに変換する
+		LoginUser loginUser = new LoginUser(
+				employee.getIdEmployee(),
+				employee.getNmEmployee(),
+				employee.getKnEmployee(),
+				employee.getMailAddress(),
+				employee.getFlgAdmin());
+
+		// Spring Security用の形式に変換
+		return new CustomUserDetails(loginUser, employee.getPassword(), loginAttemptService);
+	}
+
+}

book-rent/src/main/java/com/example/demo/service/EmployeeService.java

@@ -7,6 +7,7 @@ import java.util.Optional;
 import java.util.regex.Pattern;
 
 import org.springframework.dao.DataIntegrityViolationException;
+import org.springframework.security.crypto.password.PasswordEncoder;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
@@ -17,16 +18,25 @@ import com.example.demo.entity.Employee;
 import com.example.demo.form.EmployeeForm;
 import com.example.demo.repository.EmployeeRepository;
 
+
+
+
 /** EMP-01：社員登録、EMP-02：社員編集 */
 @Service
 public class EmployeeService {
 	private static final Pattern MAIL = Pattern.compile("^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}$");
 	private static final String MSG_DUP = "このメールアドレスは既に登録されています。";
 
+	// SecurityConfigに適用させるため
 	private final EmployeeRepository employeeRepository;
+	private final PasswordEncoder passwordEncoder;
 
-    public EmployeeService(EmployeeRepository employeeRepository) {
+	public EmployeeService(
+			EmployeeRepository employeeRepository,
+			PasswordEncoder passwordEncoder) {
 		this.employeeRepository = employeeRepository;
+		this.passwordEncoder = passwordEncoder;
+
 	}
 
 	// ---------- 検索 ----------
@@ -74,7 +84,8 @@ public class EmployeeService {
 		checkMail(f, f.getIdEmployee(), e);
 		checkFlag(f.getFlgAdmin(), "管理者フラグ", e);
 		checkFlag(f.getFlgRetirement(), "退職フラグ", e);
-        if (f.getPassword().length() > 256) e.add("パスワードは256文字以内で入力してください。");
+		if (f.getPassword().length() > 256)
+			e.add("パスワードは256文字以内で入力してください。");
 		return e;
 	}
 
@@ -82,30 +93,49 @@ public class EmployeeService {
 	public List<String> validateUpdateBySelf(EmployeeForm f) {
 		f.trim();
 		List<String> e = new ArrayList<>();
-        if (f.getPassword().isEmpty()) e.add("パスワードを入力してください。");
-        else if (f.getPassword().length() > 256) e.add("パスワードは256文字以内で入力してください。");
+		if (f.getPassword().isEmpty())
+			e.add("パスワードを入力してください。");
+		else if (f.getPassword().length() > 256)
+			e.add("パスワードは256文字以内で入力してください。");
 		return e;
 	}
 
 	private void checkBasic(EmployeeForm f, List<String> e) {
-        if (f.getNmEmployee().isEmpty()) e.add("社員名を入力してください。");
-        else if (f.getNmEmployee().length() > 50) e.add("社員名は50文字以内で入力してください。");
+		if (f.getNmEmployee().isEmpty())
+			e.add("社員名を入力してください。");
+		else if (f.getNmEmployee().length() > 50)
+			e.add("社員名は50文字以内で入力してください。");
 		// ※社員名よみの文字種（ひらがなのみ等）は設計で確定する。現状は文字数のみチェック
-        if (f.getKnEmployee().isEmpty()) e.add("社員名よみを入力してください。");
-        else if (f.getKnEmployee().length() > 100) e.add("社員名よみは100文字以内で入力してください。");
+		if (f.getKnEmployee().isEmpty())
+			e.add("社員名よみを入力してください。");
+		else if (f.getKnEmployee().length() > 100)
+			e.add("社員名よみは100文字以内で入力してください。");
+		else if (!f.getKnEmployee().matches("^[\\u3040-\\u309F]+$"))
+			e.add("社員名よみはひらがなで入力してください");
 	}
 
 	private void checkMail(EmployeeForm f, Integer selfId, List<String> e) {
 		String m = f.getMailAddress();
-        if (m.isEmpty()) { e.add("メールアドレスを入力してください。"); return; }
-        if (m.length() > 256) { e.add("メールアドレスは256文字以内で入力してください。"); return; }
-        if (!MAIL.matcher(m).matches()) { e.add("メールアドレスの形式が正しくありません。"); return; }
+		if (m.isEmpty()) {
+			e.add("メールアドレスを入力してください。");
+			return;
+		}
+		if (m.length() > 256) {
+			e.add("メールアドレスは256文字以内で入力してください。");
+			return;
+		}
+		if (!MAIL.matcher(m).matches()) {
+			e.add("メールアドレスの形式が正しくありません。");
+			return;
+		}
 		Optional<Employee> dup = employeeRepository.findByMailAddress(m);
-        if (dup.isPresent() && !dup.get().getIdEmployee().equals(selfId)) e.add(MSG_DUP);
+		if (dup.isPresent() && !dup.get().getIdEmployee().equals(selfId))
+			e.add(MSG_DUP);
 	}
 
 	private static void checkFlag(String v, String label, List<String> e) {
-        if (!"0".equals(v) && !"1".equals(v)) e.add(label + "が正しくありません。");
+		if (!"0".equals(v) && !"1".equals(v))
+			e.add(label + "が正しくありません。");
 	}
 
 	// ---------- 登録・更新 ----------
@@ -117,7 +147,7 @@ public class EmployeeService {
 		e.setNmEmployee(f.getNmEmployee());
 		e.setKnEmployee(f.getKnEmployee());
 		e.setMailAddress(f.getMailAddress());
-        e.setPassword(Const.DEFAULT_PASSWORD);
+		e.setPassword(passwordEncoder.encode(Const.DEFAULT_PASSWORD));
 		e.setFlgAdmin(f.getFlgAdmin());
 		e.setFlgRetirement(Const.RETIRE_NO);
 		e.setIdUpdate(admin.getIdEmployee());
@@ -136,7 +166,9 @@ public class EmployeeService {
 		e.setNmEmployee(f.getNmEmployee());
 		e.setKnEmployee(f.getKnEmployee());
 		e.setMailAddress(f.getMailAddress());
-        if (!f.getPassword().isEmpty()) e.setPassword(f.getPassword());
+		if (!f.getPassword().isEmpty()) {
+			e.setPassword(passwordEncoder.encode(f.getPassword()));
+		}
 		e.setFlgAdmin(f.getFlgAdmin());
 		e.setFlgRetirement(f.getFlgRetirement());
 		e.setIdUpdate(admin.getIdEmployee());
@@ -153,12 +185,200 @@ public class EmployeeService {
 	public void updateBySelf(EmployeeForm f, LoginUser self) {
 		raise(validateUpdateBySelf(f));
 		Employee e = find(self.getIdEmployee());
-        e.setPassword(f.getPassword());
+		e.setPassword(passwordEncoder.encode(f.getPassword()));
 		e.setIdUpdate(self.getIdEmployee());
 		e.setDateUpdate(LocalDateTime.now());
 	}
 
 	private static void raise(List<String> errors) {
-        if (!errors.isEmpty()) throw new BusinessException(String.join(" ", errors));
+		if (!errors.isEmpty())
+			throw new BusinessException(String.join(" ", errors));
 	}
 }
+
+//package com.example.demo.service;
+//
+//import java.time.LocalDateTime;
+//import java.util.ArrayList;
+//import java.util.List;
+//import java.util.Optional;
+//import java.util.regex.Pattern;
+//
+//import org.springframework.dao.DataIntegrityViolationException;
+//import org.springframework.stereotype.Service;
+//import org.springframework.transaction.annotation.Transactional;
+//
+//import com.example.demo.common.BusinessException;
+//import com.example.demo.common.Const;
+//import com.example.demo.common.LoginUser;
+//import com.example.demo.entity.Employee;
+//import com.example.demo.form.EmployeeForm;
+//import com.example.demo.repository.EmployeeRepository;
+//
+///** EMP-01：社員登録、EMP-02：社員編集 */
+//@Service
+//public class EmployeeService {
+//	private static final Pattern MAIL = Pattern.compile("^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}$");
+//	private static final String MSG_DUP = "このメールアドレスは既に登録されています。";
+//
+//	private final EmployeeRepository employeeRepository;
+//
+//	public EmployeeService(EmployeeRepository employeeRepository) {
+//		this.employeeRepository = employeeRepository;
+//	}
+//
+//	// ---------- 検索 ----------
+//
+//	@Transactional(readOnly = true)
+//	public Optional<Employee> findByMail(String mail) {
+//		return employeeRepository.findByMailAddress(mail == null ? "" : mail.trim());
+//	}
+//
+//	@Transactional(readOnly = true)
+//	public Employee find(Integer id) {
+//		return employeeRepository.findById(id)
+//				.orElseThrow(() -> new BusinessException("対象の社員が見つかりません。"));
+//	}
+//
+//	/** 編集画面の初期値（パスワードは空：管理者は変更時のみ入力） */
+//	public EmployeeForm toForm(Employee e) {
+//		EmployeeForm f = new EmployeeForm();
+//		f.setIdEmployee(e.getIdEmployee());
+//		f.setNmEmployee(e.getNmEmployee());
+//		f.setKnEmployee(e.getKnEmployee());
+//		f.setMailAddress(e.getMailAddress());
+//		f.setFlgAdmin(e.getFlgAdmin());
+//		f.setFlgRetirement(e.getFlgRetirement());
+//		return f;
+//	}
+//
+//	// ---------- 入力チェック ----------
+//
+//	/** 社員登録：社員名・よみ・メール・管理者フラグ。パスワードは初期値で登録する。 */
+//	public List<String> validateRegist(EmployeeForm f) {
+//		f.trim();
+//		List<String> e = new ArrayList<>();
+//		checkBasic(f, e);
+//		checkMail(f, null, e);
+//		checkFlag(f.getFlgAdmin(), "管理者フラグ", e);
+//		return e;
+//	}
+//
+//	/** 管理者による編集：全項目。パスワードは空なら変更しない。 */
+//	public List<String> validateUpdateByAdmin(EmployeeForm f) {
+//		f.trim();
+//		List<String> e = new ArrayList<>();
+//		checkBasic(f, e);
+//		checkMail(f, f.getIdEmployee(), e);
+//		checkFlag(f.getFlgAdmin(), "管理者フラグ", e);
+//		checkFlag(f.getFlgRetirement(), "退職フラグ", e);
+//		if (f.getPassword().length() > 256)
+//			e.add("パスワードは256文字以内で入力してください。");
+//		return e;
+//	}
+//
+//	/** 一般ユーザーによる編集：パスワードのみ（必須）。 */
+//	public List<String> validateUpdateBySelf(EmployeeForm f) {
+//		f.trim();
+//		List<String> e = new ArrayList<>();
+//		if (f.getPassword().isEmpty())
+//			e.add("パスワードを入力してください。");
+//		else if (f.getPassword().length() > 256)
+//			e.add("パスワードは256文字以内で入力してください。");
+//		return e;
+//	}
+//
+//	private void checkBasic(EmployeeForm f, List<String> e) {
+//		if (f.getNmEmployee().isEmpty())
+//			e.add("社員名を入力してください。");
+//		else if (f.getNmEmployee().length() > 50)
+//			e.add("社員名は50文字以内で入力してください。");
+//		// ※社員名よみの文字種（ひらがなのみ等）は設計で確定する。現状は文字数のみチェック
+//		if (f.getKnEmployee().isEmpty())
+//			e.add("社員名よみを入力してください。");
+//		else if (f.getKnEmployee().length() > 100)
+//			e.add("社員名よみは100文字以内で入力してください。");
+//		else if (!f.getKnEmployee().matches("^[\\u3040-\\u309F]+$"))
+//			e.add("社員名よみはひらがなで入力してください");
+//	}
+//
+//	private void checkMail(EmployeeForm f, Integer selfId, List<String> e) {
+//		String m = f.getMailAddress();
+//		if (m.isEmpty()) {
+//			e.add("メールアドレスを入力してください。");
+//			return;
+//		}
+//		if (m.length() > 256) {
+//			e.add("メールアドレスは256文字以内で入力してください。");
+//			return;
+//		}
+//		if (!MAIL.matcher(m).matches()) {
+//			e.add("メールアドレスの形式が正しくありません。");
+//			return;
+//		}
+//		Optional<Employee> dup = employeeRepository.findByMailAddress(m);
+//		if (dup.isPresent() && !dup.get().getIdEmployee().equals(selfId))
+//			e.add(MSG_DUP);
+//	}
+//
+//	private static void checkFlag(String v, String label, List<String> e) {
+//		if (!"0".equals(v) && !"1".equals(v))
+//			e.add(label + "が正しくありません。");
+//	}
+//
+//	// ---------- 登録・更新 ----------
+//
+//	@Transactional
+//	public Integer register(EmployeeForm f, LoginUser admin) {
+//		raise(validateRegist(f));
+//		Employee e = new Employee();
+//		e.setNmEmployee(f.getNmEmployee());
+//		e.setKnEmployee(f.getKnEmployee());
+//		e.setMailAddress(f.getMailAddress());
+//		e.setPassword(Const.DEFAULT_PASSWORD);
+//		e.setFlgAdmin(f.getFlgAdmin());
+//		e.setFlgRetirement(Const.RETIRE_NO);
+//		e.setIdUpdate(admin.getIdEmployee());
+//		e.setDateUpdate(LocalDateTime.now());
+//		try {
+//			return employeeRepository.saveAndFlush(e).getIdEmployee();
+//		} catch (DataIntegrityViolationException ex) {
+//			throw new BusinessException(MSG_DUP); // 同時登録によるUNIQUE制約違反
+//		}
+//	}
+//
+//	@Transactional
+//	public void updateByAdmin(EmployeeForm f, LoginUser admin) {
+//		raise(validateUpdateByAdmin(f));
+//		Employee e = find(f.getIdEmployee());
+//		e.setNmEmployee(f.getNmEmployee());
+//		e.setKnEmployee(f.getKnEmployee());
+//		e.setMailAddress(f.getMailAddress());
+//		if (!f.getPassword().isEmpty())
+//			e.setPassword(f.getPassword());
+//		e.setFlgAdmin(f.getFlgAdmin());
+//		e.setFlgRetirement(f.getFlgRetirement());
+//		e.setIdUpdate(admin.getIdEmployee());
+//		e.setDateUpdate(LocalDateTime.now());
+//		try {
+//			employeeRepository.saveAndFlush(e);
+//		} catch (DataIntegrityViolationException ex) {
+//			throw new BusinessException(MSG_DUP);
+//		}
+//	}
+//
+//	/** 一般ユーザー：自分自身（セッションの社員ID）のパスワードのみ更新する。 */
+//	@Transactional
+//	public void updateBySelf(EmployeeForm f, LoginUser self) {
+//		raise(validateUpdateBySelf(f));
+//		Employee e = find(self.getIdEmployee());
+//		e.setPassword(f.getPassword());
+//		e.setIdUpdate(self.getIdEmployee());
+//		e.setDateUpdate(LocalDateTime.now());
+//	}
+//
+//	private static void raise(List<String> errors) {
+//		if (!errors.isEmpty())
+//			throw new BusinessException(String.join(" ", errors));
+//	}
+//}

book-rent/src/main/java/com/example/demo/service/LoginAttemptService.java

@@ -0,0 +1,101 @@
+package com.example.demo.service;
+ 
+import java.time.LocalDateTime;
+import java.util.Locale;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.ConcurrentMap;
+
+import org.springframework.stereotype.Service;
+ 
+// 失敗回数とロック時間を管理
+@Service
+public class LoginAttemptService {
+ 
+	// 最大失敗回数
+	private static final int MAX_ATTEMPTS = 5;
+	// ロック時間
+	private static final int LOCK_MINUTES = 10;
+ 
+	// 失敗回数を保存
+	private final ConcurrentMap<String, AttemptState> attempts = new ConcurrentHashMap<>();
+ 
+	public static class AttemptState {
+		// 何回失敗したか
+		private final int failedAttempts;
+		// いつロックを解除するか
+		private final LocalDateTime lockedUntil;
+ 
+		private AttemptState(int failedAttempts, LocalDateTime lockedUntil) {
+			this.failedAttempts = failedAttempts;
+			this.lockedUntil = lockedUntil;
+		}
+	}
+ 
+	private String normalize(String mailAddress) {
+		return mailAddress.trim().toLowerCase(Locale.ROOT);
+	}
+ 
+	// ログイン失敗時
+	public void loginFailed(String mailAddress) {
+		String mail = normalize(mailAddress);
+		LocalDateTime now = LocalDateTime.now();
+		AttemptState current = attempts.get(mail);
+ 
+		// ロック中なら何もしない
+		if (current != null && current.lockedUntil != null
+&& now.isBefore(current.lockedUntil)) {
+			return;
+		}
+ 
+		// 失敗回数を数える
+		int count = (current == null || current.lockedUntil != null)
+				? 1
+				: current.failedAttempts + 1;
+ 
+		// 5回失敗したら10分間ロック
+		LocalDateTime lockTime = count >= MAX_ATTEMPTS
+				? now.plusMinutes(LOCK_MINUTES)
+				: null;
+ 
+		// 失敗回数とロック時間を保存
+		attempts.put(mail, new AttemptState(count, lockTime));
+	}
+ 
+	// 現在ロック中かどうか判定
+	public boolean isBlocked(String mailAddress) {
+		String mail = normalize(mailAddress);
+		AttemptState current = attempts.get(mail);
+ 
+		if (current == null) {
+			return false;
+		}
+		if (current.lockedUntil == null) {
+			return false;
+		}
+ 
+		// 10分経過したらロックを解除
+		if (!LocalDateTime.now().isBefore(current.lockedUntil)) {
+			attempts.remove(mail);
+			return false;
+		}
+ 
+		return true;
+ 
+	}
+ 
+	// ログイン成功時に、過去の失敗回数をきれいにリセットする
+	public void loginSucceeded(String mailAddress) {
+		attempts.remove(normalize(mailAddress));
+	}
+ 
+	public int getFailedAttempts(String mailAddress) {
+		AttemptState state = attempts.get(normalize(mailAddress));
+		return state == null ? 0 : state.failedAttempts;
+	}
+ 
+	public int getRemainingAttempts(String mailAddress) {
+		int failed = getFailedAttempts(mailAddress);
+		return Math.max(0, MAX_ATTEMPTS - failed);
+	}
+ 
+}

book-rent/src/main/resources/static/css/style.css

@@ -1,90 +1,134 @@
-body
-{font-family:
-	"Meiryo","Hiragino Sans",sans-serif;
-	margin:0;color:#222;
-	background:#f6f7f9}
-header.top
-{display:flex;
+/* ----------------------------------------------------
+   Login Layout & Animation Styles (Updated)
+---------------------------------------------------- */
+body {
+    font-family: "Meiryo", "Hiragino Sans", sans-serif;
+    margin: 0;
+    color: #222;
+    background: #f6f7f9;
+}
+header.top {
+    display: flex;
     justify-content: space-between;
     align-items: center;
-	background:#176a78;color:#fff;
-	padding:10px 20px
-}
-header.top form
-{display:inline;
-	margin:0}
-header.top .user
-{margin-right:12px
-}
-main
-{max-width:960px;
-	margin:24px auto;
-	padding:0 16px
-}
-h1
-{font-size:20px
-}
-.card
-{background:#fff;
-	border:1px solid #dde;
-	border-radius:6px;
-	padding:20px;
-	margin-bottom:16px
-}
-label
-{display:block;
-	margin:10px 0 4px;
-	font-weight:bold
-}
-input[type=text],input[type=password],input[type=email]
-{width:100%;
-	max-width:360px;
-	padding:6px;
-	box-sizing:border-box
-}
-button,.btn
-{display:inline-block;
     background: #176a78;
-	color:#fff;border:0;
-	border-radius:4px;
-	padding:7px 16px;
+    color: #fff;
+    padding: 10px 20px;
+}
+header.top form { display: inline; margin: 0; }
+header.top .user { margin-right: 12px; }
+main { max-width: 960px; margin: 24px auto; padding: 0 16px; }
+h1 { font-size: 20px; }
+.card { background: #fff; border: 1px solid #dde; border-radius: 6px; padding: 20px; margin-bottom: 16px; }
+label { display: block; margin: 10px 0 4px; font-weight: bold; }
+input[type=text], input[type=password], input[type=email] { width: 100%; max-width: 360px; padding: 6px; box-sizing: border-box; }
+button, .btn { display: inline-block; background: #176a78; color: #fff; border: 0; border-radius: 4px; padding: 7px 16px; cursor: pointer; text-decoration: none; font-size: 14px; }
+button.sub, .btn.sub { background: #6b7b80; }
+.error { background: #fdecea; color: #b3261e; border: 1px solid #f5c2be; padding: 8px 12px; border-radius: 4px; margin-bottom: 12px; }
+.info { background: #e8f4ea; color: #1b5e20; border: 1px solid #bfdcc3; padding: 8px 12px; border-radius: 4px; margin-bottom: 12px; }
+table { border-collapse: collapse; width: 100%; background: #fff; }
+th, td { border: 1px solid #dde; padding: 6px 8px; text-align: left; font-size: 14px; }
+th { background: #eaf4f6; }
+.menu a { display: block; margin: 8px 0; }
+
+/* Flexbox Layout: ဘယ်ဘက် Icon နှင့် ညာဘက် Login အချက်အလက်များ ဘေးချင်းယှဉ်ရန် */
+.login-container-flex {
+    display: flex;
+    align-items: flex-start;
+    gap: 35px; /* Icon နှင့် Form ကြား အကွာအဝေး */
+}
+
+/* ဘယ်ဘက်ခြမ်း Icon Box Styling */
+.avatar-box {
+    flex-shrink: 0;
+    width: 90px;
+    height: 90px;
+    background: #eaf4f6;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.4s ease;
     cursor: pointer;
-	text-decoration:none;
-	font-size:14px
+    margin-top: 5px;
 }
-button.sub,.btn.sub
-{background:#6b7b80
+
+.avatar-box:hover {
+    transform: scale(1.08);
+    background: #d5edf1;
 }
-.error
-{background:#fdecea;color:#b3261e;
-	border:1px solid #f5c2be;
-	padding:8px 12px;
-	border-radius:4px;
-	margin-bottom:12px
+
+/* ညာဘက်ခြမ်း Form Area ကို အပြည့်အသုံးပြုရန် */
+.form-content-area {
+    flex-grow: 1;
 }
-.info
-{background:#e8f4ea;
-	color:#1b5e20;
-	border:1px solid #bfdcc3;
-	padding:8px 12px;
-	border-radius:4px;
-	margin-bottom:12px
+
+/* 1. FALSE / ERROR State (တုန်ခါမည်) */
+.card.shake {
+    animation: shake 0.4s ease-in-out;
 }
-table
-{border-collapse:collapse;
+
+.avatar-box.error-state {
+    background: #fdecea !important;
+    animation: pulseError 0.4s ease-in-out;
+}
+
+@keyframes shake {
+    0%, 100% { transform: translateX(0); }
+    20%, 60% { transform: translateX(-8px); }
+    40%, 80% { transform: translateX(8px); }
+}
+
+@keyframes pulseError {
+    0% { transform: scale(1); }
+    50% { transform: scale(1.15); }
+    100% { transform: scale(1); }
+}
+
+/* 2. TRUE / SUCCESS State (အောင်မြင်မှု Animation) */
+.avatar-box.success-state {
+    background: #e8f4ea !important;
+    animation: successFly 0.6s ease-in-out forwards;
+}
+
+@keyframes successFly {
+    0% { transform: scale(1); }
+    40% { transform: scale(1.2) translateY(-8px); }
+    100% { transform: scale(0.9) translateY(-20px); opacity: 0.8; }
+}
+
+/* Responsive (ဖုန်းစခရင်သေးများတွင် အောက်သို့ ဆင်းသွားစေရန်) */
+@media (max-width: 600px) {
+    .login-container-flex {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+    .form-content-area {
         width: 100%;
-	background:#fff
     }
-th,td
-{border:1px solid #dde;
-	padding:6px 8px;
-	text-align:left;
-	font-size:14px
+    input[type=text], input[type=password], input[type=email] {
+        max-width: 100% !important;
     }
-th
-{background:#eaf4f6
 }
-.menu a
-{display:block;
-	margin:8px 0
+/* ページネーション */
+.page-number {
+    display: inline-block;
+    background: #eaf4f6;
+    color: #176a78;
+    border: 1px solid #d4e3e6;
+    border-radius: 4px;
+    padding: 7px 12px;
+    margin: 2px;
+    text-decoration: none;
+    font-size: 14px;
+}
+ 
+.page-number:hover {
+    background: #d5edf1;
+}
+.page-number.active {
+    background: #176a78;
+    color: #fff;
+    border-color: #176a78;
 }

book-rent/src/main/resources/templates/approvalConfilm.html

@@ -63,10 +63,13 @@
 					style="display: inline; margin-left: 10px;">
 					<button type="submit" class="sub">却下</button>
 				</form>
+				<a th:href="@{/admin/applications}" style="text-decoration: none; margin-left: 10px;">
+					<button type="button" class="sub">承認待ち一覧に戻る</button>
+				</a>
 			</div>
 
-		<br>
-		<a th:href="@{/admin/applications}">承認待ち一覧へ戻る</a>
+
+
 
 			<script>
 				function logoutSubmit() {

book-rent/src/main/resources/templates/bookList.html

@@ -29,8 +29,8 @@
  
 		<div class="card">
 			<h2>検索結果</h2>
-			<p th:if="${#lists.isEmpty(books)}">該当する書籍はありません。</p>
-			<table th:unless="${#lists.isEmpty(books)}">
+			<p th:if="${bookPage.isEmpty()}">該当する書籍はありません。</p>
+			<table th:unless="${bookPage.isEmpty()}">
 				<thead>
 					<tr>
 						<th>蔵書ID</th>
@@ -60,8 +60,89 @@
 					</tr>
 				</tbody>
 			</table>
+			<a class="page-number"
+			   th:if="${bookPage.hasPrevious()}"
+			   th:href="@{/books(page=${bookPage.number-1}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}">前へ</a>
+			<span th:each="pageNum : ${pageNumbers}">
+			    <a class="page-number"
+				   th:classappend="${pageNum == bookPage.number} ? ' active' : ''"
+				   th:href="@{/books(page=${pageNum}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}"
+			       th:text="${pageNum + 1}"></a>
+			</span>
+			<a class="page-number"
+			   th:if="${bookPage.hasNext()}"
+			   th:href="@{/books(page=${bookPage.number+1}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}">次へ</a>
+			
 		</div>
 	</main>
+	
 </body>
  
 </html>
+<!--<!DOCTYPE html>-->
+<!--<html xmlns:th="http://www.thymeleaf.org">-->
+
+<!--<head>-->
+<!--	<meta charset="UTF-8">-->
+<!--	<title>書籍一覧</title>-->
+<!--	<link rel="stylesheet" th:href="@{/css/style.css}">-->
+<!--</head>-->
+
+<!--<body>-->
+<!--	<div th:replace="~{fragments/header :: header}"></div>-->
+<!--	<main>-->
+<!--		<h1>書籍一覧</h1>-->
+<!--		<div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>-->
+<!--		<div class="card">-->
+<!--			<form th:action="@{/books}" method="get">-->
+<!--				<label for="nmBook">書籍名</label>-->
+<!--				<input type="text" id="nmBook" name="nmBook" th:value="${nmBook}">-->
+<!--				<label for="publisher">出版社</label>-->
+<!--				<input type="text" id="publisher" name="publisher" th:value="${publisher}">-->
+<!--				<label for="note">特記事項</label>-->
+<!--				<input type="text" id="note" name="note" th:value="${note}">-->
+<!--				<p><button type="submit">検索</button>-->
+<!--					<a class="btn sub" th:href="@{/menu}">メニューに戻る</a>-->
+<!--					<a class="btn" th:if="${session.loginUser.admin}" th:href="@{/admin/books/new}">書籍新規登録</a>-->
+<!--				</p>-->
+<!--			</form>-->
+<!--		</div>-->
+
+<!--		<div class="card">-->
+<!--			<h2>検索結果</h2>-->
+<!--			<p th:if="${#lists.isEmpty(books)}">該当する書籍はありません。</p>-->
+<!--			<table th:unless="${#lists.isEmpty(books)}">-->
+<!--				<thead>-->
+<!--					<tr>-->
+<!--						<th>蔵書ID</th>-->
+<!--						<th>ISBN</th>-->
+<!--						<th>書籍名</th>-->
+<!--						<th>書籍名よみ</th>-->
+<!--						<th>出版社</th>-->
+<!--						<th>特記事項</th>-->
+<!--						<th>操作</th>-->
+<!--					</tr>-->
+<!--				</thead>-->
+<!--				<tbody>-->
+<!--					<tr th:each="b : ${books}">-->
+<!--						<td th:text="${b.idBook}"></td>-->
+<!--						<td th:text="${b.isbn}"></td>-->
+<!--						<td th:text="${b.nmBook}"></td>-->
+<!--						<td th:text="${b.knBook}"></td>-->
+<!--						<td th:text="${b.publisher}"></td>-->
+<!--						<td th:text="${b.note}"></td>-->
+<!--						<td>-->
+<!--							 一般：貸出申請(LOAN-01) ／ 管理者：編集(BOOK-03) -->
+<!--							<a class="btn" th:unless="${session.loginUser.admin}"-->
+<!--								th:href="@{/loan/apply(idBook=${b.idBook})}">貸出申請</a>-->
+<!--							<a class="btn" th:if="${session.loginUser.admin}"-->
+<!--								th:href="@{/admin/books/edit(idBook=${b.idBook})}">編集</a>-->
+<!--						</td>-->
+<!--					</tr>-->
+<!--				</tbody>-->
+<!--			</table>-->
+<!--		</div>-->
+<!--	</main>-->
+<!--</body>-->
+
+<!--</html>-->

book-rent/src/main/resources/templates/employeeRegistConfirm.html

@@ -1,16 +1,22 @@
+
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>社員登録確認画面</title>
+    <title>社員登録確認</title>
     <link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
+
 <body>
+
     <!-- 共通ヘッダー -->
     <div th:replace="~{fragments/header :: header}"></div>
+
     <main>
-        <h1>社員登録確認</h1>
+        <h2>社員登録確認</h2>
+
         <!-- エラーメッセージ -->
         <div class="error"
              th:if="${errors != null and !errors.isEmpty()}">
@@ -18,62 +24,78 @@
                th:text="${error}">
             </p>
         </div>
+
+        <!-- 登録内容確認 -->
         <div class="card">
+
             <p>以下の内容で登録します。内容を確認してください。</p>
-            <!-- 登録ボタン -->
+
             <form th:action="@{/admin/employees/new/execute}"
                   th:object="${form}"
                   method="post">
+
+                <!-- 登録内容一覧 -->
                 <table>
+                    <tbody>
                         <tr>
                             <th>社員名</th>
                             <td th:text="*{nmEmployee}"></td>
                         </tr>
+
                         <tr>
                             <th>社員名よみ</th>
                             <td th:text="*{knEmployee}"></td>
                         </tr>
+
                         <tr>
                             <th>メールアドレス</th>
                             <td th:text="*{mailAddress}"></td>
                         </tr>
+
                         <tr>
                             <th>パスワード</th>
                             <td>********</td>
                         </tr>
+
                         <tr>
                             <th>権限</th>
                             <td th:text="*{flgAdmin == '1' ? '管理者' : '一般'}"></td>
                         </tr>
+                    </tbody>
                 </table>
+
                 <!-- 登録処理に必要な値を引き継ぐ -->
                 <input type="hidden" th:field="*{nmEmployee}">
                 <input type="hidden" th:field="*{knEmployee}">
                 <input type="hidden" th:field="*{mailAddress}">
                 <input type="hidden" th:field="*{password}">
                 <input type="hidden" th:field="*{flgAdmin}">
-                <div class="actions">
+
+                <!-- ボタン：左に戻る、右に登録 -->
+<!--                <div style="display: flex;-->
+<!--                            justify-content: space-between;-->
+<!--                            align-items: center;-->
+<!--                            width: 100%;-->
+<!--                            margin-top: 20px;">-->
+
+                    <!-- 社員情報入力に戻る -->
+					<p>
+                    <a class="btn sub"
+                       th:href="@{/admin/employees/new}">
+                        社員情報入力に戻る
+                    </a>
+
+                    <!-- 登録 -->
                     <button type="submit" class="btn">
                         登録
                     </button>
-                </div>
-            </form>
-            <!-- 入力画面へ戻る -->
-            <form th:action="@{/admin/employees/new/input}"
-                  th:object="${form}"
-                  method="post">
-                <input type="hidden" th:field="*{nmEmployee}">
-                <input type="hidden" th:field="*{knEmployee}">
-                <input type="hidden" th:field="*{mailAddress}">
-                <input type="hidden" th:field="*{password}">
-                <input type="hidden" th:field="*{flgAdmin}">
-                <div class="back-link">
-                    <button type="submit" class="sub">
-                        社員情報入力に戻る
-                    </button>
-                </div>
+					</p>
+			
+
             </form>
+
         </div>
     </main>
+
 </body>
 </html>

book-rent/src/main/resources/templates/employeeRegistInput.html

@@ -1,69 +1,117 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>社員登録画面</title>
+	<title>社員登録</title>
 	<link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
+
 <body>
+
 	<!-- 共通ヘッダー -->
 	<div th:replace="~{fragments/header :: header}"></div>
-    <!-- 社員登録入力画面 -->
+
 	<main>
 		<h2>社員登録</h2>
+
 		<!-- 入力エラー表示 -->
-        <div th:if="${errors != null and !errors.isEmpty()}">
-            <p th:each="error : ${errors}"
-               th:text="${error}"
-               class="error">
+		<div class="error" th:if="${errors != null and !errors.isEmpty()}">
+			<p th:each="error : ${errors}" th:text="${error}">
 			</p>
 		</div>
-        <form th:action="@{/admin/employees/new/confirm}"
-              th:object="${form}"
-              method="post">
+
+		<!-- 社員登録フォーム -->
+		<div class="card">
+
+			<form th:action="@{/admin/employees/new/confirm}" th:object="${form}" method="post">
+
+				<!-- 社員名 -->
 				<div>
 					<label for="nmEmployee">社員名</label>
-                <input type="text"
-                       id="nmEmployee"
-                       th:field="*{nmEmployee}">
+					<input type="text" id="nmEmployee" th:field="*{nmEmployee}">
 				</div>
+
+				<!-- 社員名よみ -->
 				<div>
 					<label for="knEmployee">社員名よみ</label>
-                <input type="text"
-                       id="knEmployee"
-                       th:field="*{knEmployee}">
+					<input type="text" id="knEmployee" th:field="*{knEmployee}">
 				</div>
+
+				<!-- メールアドレス -->
 				<div>
 					<label for="mailAddress">メールアドレス</label>
-                <input type="email"
-                       id="mailAddress"
-                       th:field="*{mailAddress}">
+					<input type="email" id="mailAddress" th:field="*{mailAddress}">
 				</div>
+
+				<!-- パスワード -->
 				<div>
 					<label for="password">パスワード</label>
-                <input type="password"
-                       id="password"
-                       th:field="*{password}">
+					<input type="password" id="password" th:field="*{password}">
 				</div>
-            <fieldset>
-                <legend>権限</legend>
-                <label>
-                    <input type="radio"
-                           th:field="*{flgAdmin}"
-                           value="0">
-                    一般
-                </label>
-                <label>
-                    <input type="radio"
-                           th:field="*{flgAdmin}"
-                           value="1">
-                    管理者
-                </label>
-            </fieldset>
+				<label for="flgAdmin">管理者フラグ</label>
+				<select id="flgAdmin" name="flgAdmin">
+					<option value="0" th:selected="${form.flgAdmin == '0'}">0：一般</option>
+					<option value="1" th:selected="${form.flgAdmin == '1'}">1：管理者</option>
+				</select>
+				<p><a class="btn sub" th:href="@{/menu}">メニューへ戻る</a>
 					<button type="submit">登録確認</button>
+				</p>
+
+				<!-- 権限：枠線なし・横並び -->
+				<!--                <div style="border: none;-->
+				<!--                            display: flex;-->
+				<!--                            flex-direction: row;-->
+				<!--                            align-items: center;-->
+				<!--                            gap: 25px;-->
+				<!--                            margin: 15px 0 25px;">-->
+
+				<!--                    <label style="display: inline-flex;-->
+				<!--                                  align-items: center;-->
+				<!--                                  gap: 5px;-->
+				<!--                                  white-space: nowrap;">-->
+				<!--                        <input type="radio"-->
+				<!--                               th:field="*{flgAdmin}"-->
+				<!--                               value="1">-->
+				<!--                        管理者-->
+				<!--                    </label>-->
+
+				<!--                    <label style="display: inline-flex;-->
+				<!--                                  align-items: center;-->
+				<!--                                  gap: 5px;-->
+				<!--                                  white-space: nowrap;">-->
+				<!--                        <input type="radio"-->
+				<!--                               th:field="*{flgAdmin}"-->
+				<!--                               value="0">-->
+				<!--                        一般ユーザー-->
+				<!--                    </label>-->
+
+				<!--                </div>-->
+
+				<!--                 ボタン：左に戻る・右に確認 -->
+				<!--                <div style="display: flex;-->
+				<!--                            justify-content: space-between;-->
+				<!--                            align-items: center;-->
+				<!--                            width: 100%;-->
+				<!--                            margin-top: 20px;">-->
+
+				<!--                    <a class="btn sub"-->
+				<!--                       th:href="@{/menu}">-->
+				<!--                        メニューに戻る-->
+				<!--                    </a>-->
+
+				<!--                    <button type="submit" class="btn">-->
+				<!--                        確認-->
+				<!--                    </button>-->
+
+				<!--                </div>-->
+
 			</form>
-        <a th:href="@{/menu}">メニューへ戻る</a>
+
+		</div>
 	</main>
+
 </body>
+
 </html>

book-rent/src/main/resources/templates/login.html

@@ -1,123 +1,117 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
- 
 <head>
   <meta charset="UTF-8">
   <title>ログイン</title>
+  
+  <!-- Lordicon Script -->
+  <script src="https://cdn.lordicon.com/lordicon.js"></script>
+  
   <link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
- 
 <body>
 <main>
   <h1>書籍貸出管理システム</h1>
-		<div class="card">
+  <div class="card" id="loginCard">
+    
+    <!-- Main Flex Container: ဘယ်ဘက် Icon နှင့် ညာဘက် Form Area ကို ဘေးချင်းယှဉ်ရန် -->
+    <div class="login-container-flex">
+      
+      <!-- ဘယ်ဘက်ခြမ်းရှိ Lordicon Avatar Box -->
+      <div class="avatar-box" id="avatarBox">
+        <lord-icon
+          id="lordIcon"
+          src="https://cdn.lordicon.com/dxjqoygy.json"
+          trigger="hover"
+          colors="primary:#176a78,secondary:#08a88a"
+          style="width:90px;height:90px">
+        </lord-icon>
+      </div>
+
+      <!-- ညာဘက်ခြမ်းရှိ Login Content (ခေါင်းစဉ်နှင့် Form အားလုံး ပါဝင်သည်) -->
+      <div class="form-content-area">
         <h2>ログイン</h2>
+        
+        <!-- Error Message -->
         <div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>
-			<form th:action="@{/login}" method="post">
+        
+        <form th:action="@{/login}" method="post" id="loginForm">
           <label for="mailAddress">メールアドレス</label>
-				<input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}"
-					autocomplete="username">
+          <input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}" autocomplete="username">
+          
           <label for="password">パスワード</label>
           <input type="password" id="password" name="password" autocomplete="current-password">
+          
           <p><button type="submit">ログイン</button></p>
         </form>
       </div>
+
+    </div>
+
+  </div>
 </main>
+
+<script>
+  const loginCard = document.getElementById('loginCard');
+  const lordIcon = document.getElementById('lordIcon');
+  const avatarBox = document.getElementById('avatarBox');
+  const errorDiv = document.querySelector('.error');
+  const loginForm = document.getElementById('loginForm');
+
+  // 1. Icon နှိပ်လျှင် Animation လှုပ်ရှားရန်
+  if (lordIcon) {
+      lordIcon.addEventListener('click', () => {
+          lordIcon.setAttribute('trigger', 'morph');
+          setTimeout(() => {
+              lordIcon.setAttribute('trigger', 'hover');
+          }, 1000);
+      });
+  }
+
+  // 2. Login မှားယွင်းသောအခါ (False / Error) -> Card Shake Animation & Icon Color Change
+  if (errorDiv) {
+      loginCard.classList.add('shake');
+      if (avatarBox) {
+          avatarBox.classList.add('error-state');
+      }
+      if (lordIcon) {
+          lordIcon.setAttribute('colors', 'primary:#b3261e,secondary:#f5c2be');
+      }
+  }
+
+  // 3. Login နှိပ်လိုက်ချိန် (True / Success Animation State)
+  if (loginForm) {
+      loginForm.addEventListener('submit', function(e) {
+          if (avatarBox && lordIcon) {
+              avatarBox.classList.add('success-state');
+              lordIcon.setAttribute('colors', 'primary:#1b5e20,secondary:#81c784');
+          }
+      });
+  }
+</script>
 </body>
- 
 </html>
- 
 <!--<!DOCTYPE html>-->
 <!--<html xmlns:th="http://www.thymeleaf.org">-->
- 
-<!--<head>-->
+<!--<head>>-->
 <!--  <meta charset="UTF-8">-->
-<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
- 
-<!--     外部スクリプトの読み込み -->
-<!--    <script th:src="@{/js/common.js}"></script>-->
- 
-<!--     CSSの読み込み -->
-<!--    <link rel="stylesheet" th:href="@{/css/all.css}" type="text/css">-->
-<!--    <link rel="stylesheet" th:href="@{/css/style.css}" type="text/css">-->
- 
 <!--  <title>ログイン</title>-->
+<!--  <link rel="stylesheet" th:href="@{/css/style.css}">-->
 <!--</head>-->
- 
 <!--<body>-->
- 
-<!--    <div class="loginContainer">-->
- 
-<!--        <h1>ログイン</h1>-->
- 
-<!--        <form th:action="@{/doLogin}"-->
-<!--              method="post"-->
-<!--              th:object="${loginInfoForm}">-->
- 
-<!--             エラーメッセージ -->
-<!--            <div class="msgBox error"-->
-<!--                 th:if="${messageError != null}">-->
-<!--                <span class="error"-->
-<!--                      th:text="${messageError.message}"></span>-->
-<!--            </div>-->
- 
-<!--            <table>-->
-<!--                 メールアドレス -->
-<!--                <tr>-->
-<!--                    <th class="header">メールアドレス</th>-->
-<!--                    <td>-->
-<!--                        <input-->
-<!--                            id="mailAddress"-->
-<!--                            type="text"-->
-<!--                            th:field="*{mailAddress}"-->
-<!--                            placeholder="メールアドレス"-->
-<!--                            required-->
-<!--                        />-->
-<!--                    </td>-->
-<!--                </tr>-->
- 
-<!--                 パスワード -->
-<!--                <tr>-->
-<!--                    <th class="header">パスワード</th>-->
-<!--                    <td>-->
-<!--                        <input-->
-<!--                            id="password"-->
-<!--                            type="password"-->
-<!--                            th:field="*{password}"-->
-<!--                            placeholder="パスワード"-->
-<!--                            required-->
-<!--                        />-->
-<!--                    </td>-->
-<!--                </tr>-->
- 
-<!--                 ボタン -->
-<!--                <tr>-->
-<!--                    <td class="btnArea" colspan="2">-->
-<!--                        <input-->
-<!--                            type="submit"-->
-<!--                            value="ログイン"-->
-<!--                        />-->
- 
-<!--                        <button-->
-<!--                            type="button"-->
-<!--                            onclick="clearInput()">-->
-<!--                            リセット-->
-<!--                        </button>-->
-<!--                    </td>-->
-<!--                </tr>-->
-<!--            </table>-->
- 
+<!--<main>-->
+<!--  <h1>書籍貸出管理システム</h1>-->
+<!--  <div class="card">-->
+<!--    <h2>ログイン</h2>-->
+<!--    <div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>-->
+<!--    <form th:action="@{/login}" method="post">-->
+<!--      <label for="mailAddress">メールアドレス</label>-->
+<!--      <input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}" autocomplete="username">-->
+<!--      <label for="password">パスワード</label>-->
+<!--      <input type="password" id="password" name="password" autocomplete="current-password">-->
+<!--      <p><button type="submit">ログイン</button></p>-->
 <!--    </form>-->
- 
 <!--  </div>-->
- 
-<!--     入力内容のリセット -->
-<!--    <script>-->
-<!--        function clearInput() {-->
-<!--            document.getElementById('mailAddress').value = '';-->
-<!--            document.getElementById('password').value = '';-->
-<!--        }-->
-<!--    </script>-->
- 
+<!--</main>-->
 <!--</body>-->
 <!--</html>-->