2 Commits

Author SHA1 Message Date
ef16d5a875 コンフリクト解消 2026-10-27 15:02:33 +09:00
fbfabdfa96 ログインロック 2026-10-27 14:29:28 +09:00
13 changed files with 327 additions and 715 deletions

View File

@@ -30,54 +30,58 @@
<properties> <properties>
<java.version>21</java.version> <java.version>21</java.version>
</properties> </properties>
<dependencies> <dependencies>
<dependency> <dependency>
<groupId>org.springframework.boot</groupId> <groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId> <artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency> </dependency>
<dependency> <dependency>
<groupId>org.springframework.boot</groupId> <groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId> <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency> </dependency>
<dependency> <dependency>
<groupId>org.springframework.boot</groupId> <groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-validation</artifactId> <artifactId>spring-boot-starter-validation</artifactId>
</dependency> </dependency>
<dependency> <!-- webmvcから通常のwebスターターに変更 -->
<groupId>org.springframework.boot</groupId> <dependency>
<artifactId>spring-boot-starter-web</artifactId> <groupId>org.springframework.boot</groupId>
</dependency> <artifactId>spring-boot-starter-web</artifactId>
<dependency> </dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-security</artifactId> <dependency>
</dependency> <groupId>org.springframework.boot</groupId>
<dependency> <artifactId>spring-boot-devtools</artifactId> <!-- ここを修正 -->
<groupId>org.springframework.boot</groupId> <scope>runtime</scope>
<artifactId>spring-boot-devtools</artifactId> <optional>true</optional>
<scope>runtime</scope> </dependency>
<optional>true</optional>
</dependency> <dependency>
<dependency> <groupId>com.mysql</groupId>
<groupId>com.mysql</groupId> <artifactId>mysql-connector-j</artifactId>
<artifactId>mysql-connector-j</artifactId> <scope>runtime</scope>
<scope>runtime</scope> </dependency>
</dependency> <dependency>
<dependency> <groupId>org.projectlombok</groupId>
<groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId>
<artifactId>lombok</artifactId> <optional>true</optional>
<optional>true</optional> </dependency>
</dependency> <dependency>
<dependency> <groupId>org.springframework.boot</groupId>
<groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId>
<artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope>
<scope>provided</scope> </dependency>
</dependency>
<dependency> <dependency>
<groupId>org.springframework.boot</groupId> <groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId> <artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope> <scope>test</scope>
</dependency> </dependency>
</dependencies> <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-security</artifactId>
</dependency>
</dependencies>
<build> <build>
<plugins> <plugins>
<plugin> <plugin>
@@ -99,7 +103,6 @@
<path> <path>
<groupId>org.projectlombok</groupId> <groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId> <artifactId>lombok</artifactId>
<version>1.18.30</version>
</path> </path>
</annotationProcessorPaths> </annotationProcessorPaths>
</configuration> </configuration>
@@ -115,7 +118,6 @@
<path> <path>
<groupId>org.projectlombok</groupId> <groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId> <artifactId>lombok</artifactId>
<version>1.18.30</version>
</path> </path>
</annotationProcessorPaths> </annotationProcessorPaths>
</configuration> </configuration>
@@ -124,131 +126,5 @@
</plugin> </plugin>
</plugins> </plugins>
</build> </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>--> </project>
<!--<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>-->

View File

@@ -1,31 +1,48 @@
package com.example.demo.common; package com.example.demo.common;
import java.io.Serializable; import java.io.Serializable;
/** セッションに保持するログイン情報(社員ID・社員名・社員名よみ・メールアドレス・管理者フラグ) */ /** セッションに保持するログイン情報(社員ID・社員名・社員名よみ・メールアドレス・管理者フラグ) */
public class LoginUser implements Serializable { public class LoginUser implements Serializable {
private static final long serialVersionUID = 1L; private static final long serialVersionUID = 1L;
private final Integer idEmployee; private final Integer idEmployee;
private final String nmEmployee; private final String nmEmployee;
private final String knEmployee; private final String knEmployee;
private final String mailAddress; private final String mailAddress;
private final String flgAdmin; private final String flgAdmin;
public LoginUser(Integer idEmployee, String nmEmployee, String knEmployee, String mailAddress, String flgAdmin) { public LoginUser(Integer idEmployee, String nmEmployee, String knEmployee, String mailAddress, String flgAdmin) {
this.idEmployee = idEmployee; this.idEmployee = idEmployee;
this.nmEmployee = nmEmployee; this.nmEmployee = nmEmployee;
this.knEmployee = knEmployee; this.knEmployee = knEmployee;
this.mailAddress = mailAddress; this.mailAddress = mailAddress;
this.flgAdmin = flgAdmin; this.flgAdmin = flgAdmin;
}
}
public Integer getIdEmployee() {
return idEmployee;
}
public String getNmEmployee() {
return nmEmployee;
}
public String getKnEmployee() {
return knEmployee;
}
public String getMailAddress() {
return mailAddress;
}
public String getFlgAdmin() {
return flgAdmin;
}
public boolean isAdmin() {
return Const.ADMIN_YES.equals(flgAdmin);
}
public Integer getIdEmployee() { return idEmployee; }
public String getNmEmployee() { return nmEmployee; }
public String getKnEmployee() { return knEmployee; }
public String getMailAddress() { return mailAddress; }
public String getFlgAdmin() { return flgAdmin; }
public boolean isAdmin() { return Const.ADMIN_YES.equals(flgAdmin); }
} }

View File

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

View File

@@ -34,4 +34,5 @@ public class LoginCheckInterceptor implements HandlerInterceptor {
} }
return true; return true;
} }
} }

View File

@@ -65,76 +65,4 @@ public class LoginController {
return "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";
// }
//}

View File

@@ -105,4 +105,5 @@ public class Employee {
public void setDateUpdate(LocalDateTime v) { public void setDateUpdate(LocalDateTime v) {
this.dateUpdate = v; this.dateUpdate = v;
} }
} }

View File

@@ -10,4 +10,5 @@ public interface EmployeeRepository extends JpaRepository<Employee, Integer> {
Optional<Employee> findByMailAddressAndFlgRetirement(String mailAddress, String flgRetirement); Optional<Employee> findByMailAddressAndFlgRetirement(String mailAddress, String flgRetirement);
Optional<Employee> findByMailAddress(String mailAddress); Optional<Employee> findByMailAddress(String mailAddress);
} }

View File

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

View File

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

View File

@@ -110,8 +110,6 @@ public class EmployeeService {
e.add("社員名よみを入力してください。"); e.add("社員名よみを入力してください。");
else if (f.getKnEmployee().length() > 100) else if (f.getKnEmployee().length() > 100)
e.add("社員名よみは100文字以内で入力してください。"); e.add("社員名よみは100文字以内で入力してください。");
else if (!f.getKnEmployee().matches("^[\\u3040-\\u309F]+$"))
e.add("社員名よみはひらがなで入力してください");
} }
private void checkMail(EmployeeForm f, Integer selfId, List<String> e) { private void checkMail(EmployeeForm f, Integer selfId, List<String> e) {
@@ -195,190 +193,3 @@ public class EmployeeService {
throw new BusinessException(String.join(" ", errors)); 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));
// }
//}

View File

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

View File

@@ -65,7 +65,6 @@
th:href="@{/books(page=${bookPage.number-1}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}">前へ</a> th:href="@{/books(page=${bookPage.number-1}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}">前へ</a>
<span th:each="pageNum : ${pageNumbers}"> <span th:each="pageNum : ${pageNumbers}">
<a class="page-number" <a class="page-number"
th:classappend="${pageNum == bookPage.number} ? ' active' : ''"
th:href="@{/books(page=${pageNum}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}" th:href="@{/books(page=${pageNum}, nmBook=${nmBook}, publisher=${publisher}, note=${note})}"
th:text="${pageNum + 1}"></a> th:text="${pageNum + 1}"></a>
</span> </span>

View File

@@ -1,117 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>ログイン</title> <title>ログイン</title>
<link rel="stylesheet" th:href="@{/css/style.css}">
<!-- Lordicon Script -->
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<link rel="stylesheet" th:href="@{/css/style.css}">
</head> </head>
<body> <body>
<main> <main>
<h1>書籍貸出管理システム</h1> <h1>書籍貸出管理システム</h1>
<div class="card" id="loginCard"> <div class="card">
<h2>ログイン</h2>
<!-- Main Flex Container: ဘယ်ဘက် Icon နှင့် ညာဘက် Form Area ကို ဘေးချင်းယှဉ်ရန် --> <div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>
<div class="login-container-flex"> <form th:action="@{/login}" method="post">
<label for="mailAddress">メールアドレス</label>
<!-- ဘယ်ဘက်ခြမ်းရှိ Lordicon Avatar Box --> <input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}"
<div class="avatar-box" id="avatarBox"> autocomplete="username">
<lord-icon <label for="password">パスワード</label>
id="lordIcon" <input type="password" id="password" name="password" autocomplete="current-password">
src="https://cdn.lordicon.com/dxjqoygy.json" <p><button type="submit">ログイン</button></p>
trigger="hover" </form>
colors="primary:#176a78,secondary:#08a88a" </div>
style="width:90px;height:90px"> </main>
</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" id="loginForm">
<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>
</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> </body>
</html> </html>
<!--<!DOCTYPE html>--> <!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.thymeleaf.org">--> <!--<html xmlns:th="http://www.thymeleaf.org">-->
<!--<head>>-->
<!-- <meta charset="UTF-8">--> <!--<head>-->
<!-- <title>ログイン</title>--> <!-- <meta charset="UTF-8">-->
<!-- <link rel="stylesheet" th:href="@{/css/style.css}">--> <!-- <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>-->
<!--</head>--> <!--</head>-->
<!--<body>--> <!--<body>-->
<!--<main>-->
<!-- <h1>書籍貸出管理システム</h1>--> <!-- <div class="loginContainer">-->
<!-- <div class="card">-->
<!-- <h2>ログイン</h2>--> <!-- <h1>ログイン</h1>-->
<!-- <div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>-->
<!-- <form th:action="@{/login}" method="post">--> <!-- <form th:action="@{/doLogin}"-->
<!-- <label for="mailAddress">メールアドレス</label>--> <!-- method="post"-->
<!-- <input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}" autocomplete="username">--> <!-- th:object="${loginInfoForm}">-->
<!-- <label for="password">パスワード</label>-->
<!-- <input type="password" id="password" name="password" autocomplete="current-password">--> <!-- エラーメッセージ -->
<!-- <p><button type="submit">ログイン</button></p>--> <!-- <div class="msgBox error"-->
<!-- </form>--> <!-- th:if="${messageError != null}">-->
<!-- </div>--> <!-- <span class="error"-->
<!--</main>--> <!-- 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>-->
<!-- </form>-->
<!-- </div>-->
<!-- 入力内容のリセット -->
<!-- <script>-->
<!-- function clearInput() {-->
<!-- document.getElementById('mailAddress').value = '';-->
<!-- document.getElementById('password').value = '';-->
<!-- }-->
<!-- </script>-->
<!--</body>--> <!--</body>-->
<!--</html>--> <!--</html>-->