This commit is contained in:
s-tajihi
2026-09-29 10:07:14 +09:00
3 changed files with 116 additions and 181 deletions

View File

@@ -1,17 +1,13 @@
package com.example.demo.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import com.example.demo.entity.Employee;
import com.example.demo.repository.EmployeeRepository;
import com.example.demo.service.BookServiceImpl;
import com.example.demo.service.EmployeeService;
import lombok.RequiredArgsConstructor;
@@ -25,44 +21,18 @@ public class BookLendController {
@Autowired
private EmployeeRepository employeeRepository;
@Autowired
private EmployeeService employeeService;
// @PostMapping("/bookLend")
// public String bookLend(Model model) {
// return "bookLend";
// }
// @PostMapping("/bookLend/{id}")
// public String bookLend(@PathVariable int id, Model model) {
// System.out.println(id);
// model.addAttribute("book", bookServiceImpl.findById(id));
// return "bookLend";
// }
@PostMapping("/bookLend")
public String bookLend(Model model) {
return "bookLend";
}
@PostMapping("/bookLend/{id}")
public String bookLend(@PathVariable int id,Employee employee, Model model) {
// 図書ID取得
public String bookLend(@PathVariable int id, Model model) {
System.out.println(id);
model.addAttribute("book", bookServiceImpl.findById(id));
// 社員ID取得(プルダウン用)
List<Employee> empList = employeeService.findAll();
model.addAttribute("bookLend", employeeService.findAll());
// model.addAttribute("employeeList", employeeRepository.findByEmployeeId(employee.getEmployeeId()));
// model.addAttribute("bookLend", employee);
return "bookLend";
}
// 社員IDを取得してプルダウンに表示させる
@PostMapping("/bookLend/employeeId")
public String selectEmployeeId(Employee employee, Model model) {
model.addAttribute("employeeList", employeeRepository.findByEmployeeId(employee.getEmployeeId()));
model.addAttribute("bookLend", employee);
return "bookLend";
}
}

View File

@@ -0,0 +1,24 @@
package com.example.demo.service;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.example.demo.entity.Employee;
import com.example.demo.repository.EmployeeRepository;
import lombok.RequiredArgsConstructor;
@Service
@RequiredArgsConstructor
public class EmployeeService {
@Autowired
private EmployeeRepository employeeRepository;
public List<Employee> findAll() {
return employeeRepository.findAll();
}
}

View File

@@ -13,181 +13,109 @@
</h1>
<p>
以下の図書を貸出します。貸出先と貸出日・返却予定日を入力してください。
以下の図書を貸出します。貸出先の社員IDと返却予定日を入力してください。
</p>
<h2>
図書情報
</h2>
<div class="card-body">
<table class="info-table">
<tr>
<th>
図書管理ID
</th>
<form id="lendForm" action="bookLendConfirm" method="post">
<td>
(図書管理IDをここに表示させる)
</td>
</tr>
<div class="card-body">
<table class="info-table">
<thead>
<tr>
<th>図書管理ID</th>
<th>図書タイトル</th>
<th>著者名</th>
<th>ISBN</th>
</tr>
</thead>
<tr>
<th>
図書タイトル
</th>
<tbody>
<tr th:each="book : ${book}">
<td th:hidden="*{book.bookId}"></td>
<td th:text="*{book.bookManageId}"></td>
<td th:text="*{book.title}"></td>
<td th:text="*{book.author}"></td>
<td th:text="*{book.isbn}"></td>
</tr>
<td>
(タイトルをここに表示させる)
</td>
</tr>
</tbody>
<tr>
<th>
著者名
</th>
<td>
(著者名をここに表示させる)
</td>
</tr>
<tr>
<th>
ISBN
</th>
<td>
(ISBNをここに表示させる)
</td>
</tr>
</table>
</div>
<h2>
社員情報
</h2>
<div class="card">
<div class="form-row">
<label for="employeeSelect">
社員ID
</label>
<!-- <select th:field="*{employeeId}" onchange="this.form.action='/bookLend/employeeId';this.form.submit();">-->
<select name="employeeId" id="employeeSelect">
<option value="">
社員IDを選択してください
</option>
<!-- <option th:each="employee : ${employeeList}" th:value="${employee.employeeId}">-->
<!-- </option>-->
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</table>
</div>
<div class="form-row">
<label for="employeeName">
社員名
</label>
<h2>
社員情報
</h2>
<input type="text" id="employeeName" value="" placeholder="社員名が表示されます" readonly>
<div class="card">
</div>
<div class="form-row">
</div>
<label for="employeeSelect">
社員ID
</label>
<h2>
貸出・返却日入力
</h2>
<input type="text" id="employeeId" placeholder="社員IDを入力してください">
<div class="date-section">
<div class="date-box">
<label>
貸出日(自動取得)
</label>
<input type="date" id="loanDate" name="loanDate" value="">
<div class="note">
※ 現在の日付が自動で設定されます。
</select>
</div>
</div>
<div class="date-box">
<h2>
貸出・返却日入力
</h2>
<label>
貸出期間日数
</label>
<div class="date-section">
<input type="text" id="loanDays" placeholder="日数を入力してください">
<div class="date-box">
<label>
貸出日(現在の日付が自動で設定されます。)
</label>
<p th:text="${#calendars.format(#calendars.createNowForTimeZone('Asia/Tokyo'),
'yyyy年MM月dd日')}">
</p>
</div>
<div class="date-box">
<label>
返却予定日(必ず指定してください。)
</label>
<input type="date" id="returnDate" name="returnDate">
<div class="note">
※ カレンダーから日付を選択してください。
</div>
<div class="error">
※ 現在の日付より前は選択できません。
</div>
<div class="note">
※ 数値(1以上)で入力してください。
</div>
</div>
<div class="date-box">
<label>
返却予定日(必須)
</label>
<input type="date" id="returnDate" name="returnDate">
<div class="note">
※ カレンダーから日付を選択してください。
</div>
<div class="error">
※ 現在の日付より前は選択できません。
</div>
</div>
</div>
<div class="warning-area">
<strong>
<h3>
注意事項
</strong>
</h3>
<ul>
<li>
貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
</li>
<p>
貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
</p>
<li>
返却予定日を必ず指定してください。
</li>
</ul>
<input type="submit" name="submit" onclick="submitLend()" value="貸出する">
<!-- <button type="button" class="btn btn-primary" onclick="submitLend()">-->
</div>
<form id="lendForm" action="bookLendConfirmation" method="post">
<div class="button-area">
<div class="right-buttons">
<button type="button" class="btn btn-primary" onclick="submitLend()">
貸出する
</button>
</div>
</div>
<input type="reset" name="reset" value="入力内容をクリア">
</form>
@@ -201,6 +129,19 @@
}
}
// カレンダーを当日以前の日付を入力できないようにする
const today = new Date();
function dateFormat(today, format) {
format = format.replace("YYYY", today.getFullYear());
format = format.replace("MM", ("0" + (today.getMonth() + 1)).slice(-2));
format = format.replace("DD", ("0" + today.getDate()).slice(-2));
return format;
}
const data = dateFormat(today, 'YYYY-MM-DD');
const field = document.getElementById('returnDate');
field.setAttribute("min", data);
</script>
</body>