Compare commits
3 Commits
new-eguchi
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 19d27c7722 | |||
| 13241369ae | |||
| a9c5fb2283 |
@@ -30,58 +30,54 @@
|
|||||||
<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>
|
||||||
<!-- webmvcから通常のwebスターターに変更 -->
|
<dependency>
|
||||||
<dependency>
|
<groupId>org.springframework.boot</groupId>
|
||||||
<groupId>org.springframework.boot</groupId>
|
<artifactId>spring-boot-starter-web</artifactId>
|
||||||
<artifactId>spring-boot-starter-web</artifactId>
|
</dependency>
|
||||||
</dependency>
|
<dependency>
|
||||||
|
<groupId>org.springframework.boot</groupId>
|
||||||
<dependency>
|
<artifactId>spring-boot-starter-security</artifactId>
|
||||||
<groupId>org.springframework.boot</groupId>
|
</dependency>
|
||||||
<artifactId>spring-boot-devtools</artifactId> <!-- ここを修正 -->
|
<dependency>
|
||||||
<scope>runtime</scope>
|
<groupId>org.springframework.boot</groupId>
|
||||||
<optional>true</optional>
|
<artifactId>spring-boot-devtools</artifactId>
|
||||||
</dependency>
|
<scope>runtime</scope>
|
||||||
|
<optional>true</optional>
|
||||||
<dependency>
|
</dependency>
|
||||||
<groupId>com.mysql</groupId>
|
<dependency>
|
||||||
<artifactId>mysql-connector-j</artifactId>
|
<groupId>com.mysql</groupId>
|
||||||
<scope>runtime</scope>
|
<artifactId>mysql-connector-j</artifactId>
|
||||||
</dependency>
|
<scope>runtime</scope>
|
||||||
<dependency>
|
</dependency>
|
||||||
<groupId>org.projectlombok</groupId>
|
<dependency>
|
||||||
<artifactId>lombok</artifactId>
|
<groupId>org.projectlombok</groupId>
|
||||||
<optional>true</optional>
|
<artifactId>lombok</artifactId>
|
||||||
</dependency>
|
<optional>true</optional>
|
||||||
<dependency>
|
</dependency>
|
||||||
<groupId>org.springframework.boot</groupId>
|
<dependency>
|
||||||
<artifactId>spring-boot-starter-tomcat</artifactId>
|
<groupId>org.springframework.boot</groupId>
|
||||||
<scope>provided</scope>
|
<artifactId>spring-boot-starter-tomcat</artifactId>
|
||||||
</dependency>
|
<scope>provided</scope>
|
||||||
|
</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>
|
||||||
<dependency>
|
</dependencies>
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-security</artifactId>
|
|
||||||
</dependency>
|
|
||||||
</dependencies>
|
|
||||||
<build>
|
<build>
|
||||||
<plugins>
|
<plugins>
|
||||||
<plugin>
|
<plugin>
|
||||||
@@ -103,6 +99,7 @@
|
|||||||
<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>
|
||||||
@@ -118,6 +115,7 @@
|
|||||||
<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>
|
||||||
@@ -126,5 +124,131 @@
|
|||||||
</plugin>
|
</plugin>
|
||||||
</plugins>
|
</plugins>
|
||||||
</build>
|
</build>
|
||||||
|
|
||||||
</project>
|
</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>-->
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
package com.example.demo.common;
|
package com.example.demo.common;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import java.io.Serializable;
|
import java.io.Serializable;
|
||||||
|
|
||||||
/** セッションに保持するログイン情報(社員ID・社員名・社員名よみ・メールアドレス・管理者フラグ) */
|
/** セッションに保持するログイン情報(社員ID・社員名・社員名よみ・メールアドレス・管理者フラグ) */
|
||||||
@@ -18,31 +20,12 @@ public class LoginUser implements Serializable {
|
|||||||
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); }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,46 +14,59 @@ import com.example.demo.service.LoginAttemptService;
|
|||||||
|
|
||||||
// ログイン失敗時の処理
|
// ログイン失敗時の処理
|
||||||
@Component
|
@Component
|
||||||
public class CustomAuthenticationFailureHandler extends SimpleUrlAuthenticationFailureHandler {
|
public class CustomAuthenticationFailureHandler
|
||||||
|
extends SimpleUrlAuthenticationFailureHandler {
|
||||||
|
|
||||||
private LoginAttemptService loginAttemptService;
|
private final LoginAttemptService loginAttemptService;
|
||||||
|
|
||||||
public CustomAuthenticationFailureHandler(LoginAttemptService loginAttemptService) {
|
public CustomAuthenticationFailureHandler(
|
||||||
|
LoginAttemptService loginAttemptService) {
|
||||||
this.loginAttemptService = loginAttemptService;
|
this.loginAttemptService = loginAttemptService;
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void onAuthenticationFailure(HttpServletRequest request, HttpServletResponse response,
|
public void onAuthenticationFailure(
|
||||||
AuthenticationException exception) throws IOException, ServletException {
|
HttpServletRequest request,
|
||||||
|
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()) {
|
||||||
|
getRedirectStrategy().sendRedirect(
|
||||||
|
request, response, "/login?error=empty");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
String mail = mailAddress.trim();
|
String mail = mailAddress.trim();
|
||||||
|
|
||||||
|
// すでにロックされている場合
|
||||||
if (loginAttemptService.isBlocked(mail)) {
|
if (loginAttemptService.isBlocked(mail)) {
|
||||||
getRedirectStrategy().sendRedirect(
|
getRedirectStrategy().sendRedirect(
|
||||||
request, response, "/login?error=locked");
|
request, response, "/login?error=locked");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 失敗回数を1増やす
|
// ログイン失敗回数を増やす
|
||||||
loginAttemptService.loginFailed(mail);
|
loginAttemptService.loginFailed(mail);
|
||||||
|
|
||||||
// すでにロック中なら失敗回数を増やさない
|
// 失敗回数の上限に達した場合
|
||||||
if (loginAttemptService.isBlocked(mail)) {
|
if (loginAttemptService.isBlocked(mail)) {
|
||||||
getRedirectStrategy().sendRedirect(
|
getRedirectStrategy().sendRedirect(
|
||||||
request, response, "/login?error=locked");
|
request, response, "/login?error=locked");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// あと何回失敗されるとロックされるか取得
|
// 残りのログイン試行回数を取得
|
||||||
int remaining = loginAttemptService.getRemainingAttempts(mail);
|
int remaining =
|
||||||
|
loginAttemptService.getRemainingAttempts(mail);
|
||||||
|
|
||||||
getRedirectStrategy().sendRedirect(
|
getRedirectStrategy().sendRedirect(
|
||||||
request, response, "/login?error=failed&remaining=" + remaining);
|
request, response,
|
||||||
}
|
"/login?error=failed&remaining=" + remaining);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,5 +34,4 @@ public class LoginCheckInterceptor implements HandlerInterceptor {
|
|||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -66,3 +66,75 @@ 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";
|
||||||
|
// }
|
||||||
|
//}
|
||||||
@@ -105,5 +105,4 @@ public class Employee {
|
|||||||
public void setDateUpdate(LocalDateTime v) {
|
public void setDateUpdate(LocalDateTime v) {
|
||||||
this.dateUpdate = v;
|
this.dateUpdate = v;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,5 +10,4 @@ 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);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,8 +32,10 @@ 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().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文字以内で入力してください。");
|
if (f.getPublisher().length() > 50) e.add("出版社は50文字以内で入力してください。");
|
||||||
|
|
||||||
return e;
|
return e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -110,6 +110,8 @@ 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) {
|
||||||
@@ -193,3 +195,190 @@ 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));
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
|||||||
@@ -1,92 +1,100 @@
|
|||||||
body
|
/* ----------------------------------------------------
|
||||||
{font-family:
|
Login Layout & Animation Styles (Updated)
|
||||||
"Meiryo","Hiragino Sans",sans-serif;
|
---------------------------------------------------- */
|
||||||
margin:0;color:#222;
|
body {
|
||||||
background:#f6f7f9}
|
font-family: "Meiryo", "Hiragino Sans", sans-serif;
|
||||||
header.top
|
margin: 0;
|
||||||
{display:flex;
|
color: #222;
|
||||||
justify-content:space-between;
|
background: #f6f7f9;
|
||||||
align-items:center;
|
|
||||||
background:#176a78;color:#fff;
|
|
||||||
padding:10px 20px
|
|
||||||
}
|
}
|
||||||
header.top form
|
header.top {
|
||||||
{display:inline;
|
display: flex;
|
||||||
margin:0}
|
justify-content: space-between;
|
||||||
header.top .user
|
align-items: center;
|
||||||
{margin-right:12px
|
background: #176a78;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 20px;
|
||||||
}
|
}
|
||||||
main
|
header.top form { display: inline; margin: 0; }
|
||||||
{max-width:960px;
|
header.top .user { margin-right: 12px; }
|
||||||
margin:24px auto;
|
main { max-width: 960px; margin: 24px auto; padding: 0 16px; }
|
||||||
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 ကြား အကွာအဝေး */
|
||||||
}
|
}
|
||||||
h1
|
|
||||||
{font-size:20px
|
/* ဘယ်ဘက်ခြမ်း 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;
|
||||||
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
.card
|
|
||||||
{background:#fff;
|
.avatar-box:hover {
|
||||||
border:1px solid #dde;
|
transform: scale(1.08);
|
||||||
border-radius:6px;
|
background: #d5edf1;
|
||||||
padding:20px;
|
|
||||||
margin-bottom:16px
|
|
||||||
}
|
}
|
||||||
label
|
|
||||||
{display:block;
|
/* ညာဘက်ခြမ်း Form Area ကို အပြည့်အသုံးပြုရန် */
|
||||||
margin:10px 0 4px;
|
.form-content-area {
|
||||||
font-weight:bold
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
input[type=text],input[type=password],input[type=email]
|
|
||||||
{width:100%;
|
/* 1. FALSE / ERROR State (တုန်ခါမည်) */
|
||||||
max-width:360px;
|
.card.shake {
|
||||||
padding:6px;
|
animation: shake 0.4s ease-in-out;
|
||||||
box-sizing:border-box
|
|
||||||
}
|
}
|
||||||
button,.btn
|
|
||||||
{display:inline-block;
|
.avatar-box.error-state {
|
||||||
background:#176a78;
|
background: #fdecea !important;
|
||||||
color:#fff;border:0;
|
animation: pulseError 0.4s ease-in-out;
|
||||||
border-radius:4px;
|
|
||||||
padding:7px 16px;
|
|
||||||
cursor:pointer;
|
|
||||||
text-decoration:none;
|
|
||||||
font-size:14px
|
|
||||||
}
|
}
|
||||||
button.sub,.btn.sub
|
|
||||||
{background:#6b7b80
|
@keyframes shake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
20%, 60% { transform: translateX(-8px); }
|
||||||
|
40%, 80% { transform: translateX(8px); }
|
||||||
}
|
}
|
||||||
.error
|
|
||||||
{background:#fdecea;color:#b3261e;
|
@keyframes pulseError {
|
||||||
border:1px solid #f5c2be;
|
0% { transform: scale(1); }
|
||||||
padding:8px 12px;
|
50% { transform: scale(1.15); }
|
||||||
border-radius:4px;
|
100% { transform: scale(1); }
|
||||||
margin-bottom:12px
|
|
||||||
}
|
}
|
||||||
.info
|
|
||||||
{background:#e8f4ea;
|
/* 2. TRUE / SUCCESS State (အောင်မြင်မှု Animation) */
|
||||||
color:#1b5e20;
|
.avatar-box.success-state {
|
||||||
border:1px solid #bfdcc3;
|
background: #e8f4ea !important;
|
||||||
padding:8px 12px;
|
animation: successFly 0.6s ease-in-out forwards;
|
||||||
border-radius:4px;
|
|
||||||
margin-bottom:12px
|
|
||||||
}
|
}
|
||||||
table
|
|
||||||
{border-collapse:collapse;
|
@keyframes successFly {
|
||||||
width:100%;
|
0% { transform: scale(1); }
|
||||||
background:#fff
|
40% { transform: scale(1.2) translateY(-8px); }
|
||||||
}
|
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 (ဖုန်းစခရင်သေးများတွင် အောက်သို့ ဆင်းသွားစေရန်) */
|
||||||
@@ -119,3 +127,8 @@ th
|
|||||||
.page-number:hover {
|
.page-number:hover {
|
||||||
background: #d5edf1;
|
background: #d5edf1;
|
||||||
}
|
}
|
||||||
|
.page-number.active {
|
||||||
|
background: #176a78;
|
||||||
|
color: #fff;
|
||||||
|
border-color: #176a78;
|
||||||
|
}
|
||||||
@@ -65,6 +65,7 @@
|
|||||||
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>
|
||||||
|
|||||||
@@ -1,123 +1,117 @@
|
|||||||
<!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>
|
||||||
|
|
||||||
|
<!-- Lordicon Script -->
|
||||||
|
<script src="https://cdn.lordicon.com/lordicon.js"></script>
|
||||||
|
|
||||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<h1>書籍貸出管理システム</h1>
|
<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>
|
<h2>ログイン</h2>
|
||||||
|
|
||||||
|
<!-- Error Message -->
|
||||||
<div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>
|
<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>
|
<label for="mailAddress">メールアドレス</label>
|
||||||
<input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}"
|
<input type="text" id="mailAddress" name="mailAddress" th:value="${mailAddress}" autocomplete="username">
|
||||||
autocomplete="username">
|
|
||||||
<label for="password">パスワード</label>
|
<label for="password">パスワード</label>
|
||||||
<input type="password" id="password" name="password" autocomplete="current-password">
|
<input type="password" id="password" name="password" autocomplete="current-password">
|
||||||
|
|
||||||
<p><button type="submit">ログイン</button></p>
|
<p><button type="submit">ログイン</button></p>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
</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>>-->
|
||||||
<!--<head>-->
|
|
||||||
<!-- <meta charset="UTF-8">-->
|
<!-- <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>-->
|
<!-- <title>ログイン</title>-->
|
||||||
|
<!-- <link rel="stylesheet" th:href="@{/css/style.css}">-->
|
||||||
<!--</head>-->
|
<!--</head>-->
|
||||||
|
|
||||||
<!--<body>-->
|
<!--<body>-->
|
||||||
|
<!--<main>-->
|
||||||
<!-- <div class="loginContainer">-->
|
<!-- <h1>書籍貸出管理システム</h1>-->
|
||||||
|
<!-- <div class="card">-->
|
||||||
<!-- <h1>ログイン</h1>-->
|
<!-- <h2>ログイン</h2>-->
|
||||||
|
<!-- <div class="error" th:if="${errorMessage}" th:text="${errorMessage}"></div>-->
|
||||||
<!-- <form th:action="@{/doLogin}"-->
|
<!-- <form th:action="@{/login}" method="post">-->
|
||||||
<!-- method="post"-->
|
<!-- <label for="mailAddress">メールアドレス</label>-->
|
||||||
<!-- th:object="${loginInfoForm}">-->
|
<!-- <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">-->
|
||||||
<!-- <div class="msgBox error"-->
|
<!-- <p><button type="submit">ログイン</button></p>-->
|
||||||
<!-- 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>-->
|
|
||||||
|
|
||||||
<!-- </form>-->
|
<!-- </form>-->
|
||||||
|
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
|
<!--</main>-->
|
||||||
<!-- 入力内容のリセット -->
|
|
||||||
<!-- <script>-->
|
|
||||||
<!-- function clearInput() {-->
|
|
||||||
<!-- document.getElementById('mailAddress').value = '';-->
|
|
||||||
<!-- document.getElementById('password').value = '';-->
|
|
||||||
<!-- }-->
|
|
||||||
<!-- </script>-->
|
|
||||||
|
|
||||||
<!--</body>-->
|
<!--</body>-->
|
||||||
<!--</html>-->
|
<!--</html>-->
|
||||||
Reference in New Issue
Block a user