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; package com.example.demo.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller; import org.springframework.stereotype.Controller;
import org.springframework.ui.Model; import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.PostMapping;
import com.example.demo.entity.Employee;
import com.example.demo.repository.EmployeeRepository; import com.example.demo.repository.EmployeeRepository;
import com.example.demo.service.BookServiceImpl; import com.example.demo.service.BookServiceImpl;
import com.example.demo.service.EmployeeService;
import lombok.RequiredArgsConstructor; import lombok.RequiredArgsConstructor;
@@ -24,45 +20,19 @@ public class BookLendController {
@Autowired @Autowired
private EmployeeRepository employeeRepository; private EmployeeRepository employeeRepository;
@Autowired
private EmployeeService employeeService;
// @PostMapping("/bookLend") @PostMapping("/bookLend")
// public String bookLend(Model model) { public String bookLend(Model model) {
// return "bookLend"; 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/{id}") @PostMapping("/bookLend/{id}")
public String bookLend(@PathVariable int id,Employee employee, Model model) { public String bookLend(@PathVariable int id, Model model) {
System.out.println(id);
// 図書ID取得
model.addAttribute("book", bookServiceImpl.findById(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"; 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> </h1>
<p> <p>
以下の図書を貸出します。貸出先と貸出日・返却予定日を入力してください。 以下の図書を貸出します。貸出先の社員IDと返却予定日を入力してください。
</p> </p>
<h2> <h2>
図書情報 図書情報
</h2> </h2>
<div class="card-body"> <form id="lendForm" action="bookLendConfirm" method="post">
<table class="info-table">
<tr>
<th>
図書管理ID
</th>
<td> <div class="card-body">
(図書管理IDをここに表示させる) <table class="info-table">
</td> <thead>
</tr> <tr>
<th>図書管理ID</th>
<th>図書タイトル</th>
<th>著者名</th>
<th>ISBN</th>
</tr>
</thead>
<tr> <tbody>
<th> <tr th:each="book : ${book}">
図書タイトル <td th:hidden="*{book.bookId}"></td>
</th> <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> </tbody>
(タイトルをここに表示させる)
</td>
</tr>
<tr> </table>
<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>
</div> </div>
<div class="form-row"> <h2>
<label for="employeeName"> 社員情報
社員名 </h2>
</label>
<input type="text" id="employeeName" value="" placeholder="社員名が表示されます" readonly> <div class="card">
</div> <div class="form-row">
</div> <label for="employeeSelect">
社員ID
</label>
<h2> <input type="text" id="employeeId" placeholder="社員IDを入力してください">
貸出・返却日入力
</h2>
<div class="date-section"> </select>
<div class="date-box">
<label>
貸出日(自動取得)
</label>
<input type="date" id="loanDate" name="loanDate" value="">
<div class="note">
※ 現在の日付が自動で設定されます。
</div> </div>
</div> </div>
<div class="date-box"> <h2>
貸出・返却日入力
</h2>
<label> <div class="date-section">
貸出期間日数
</label>
<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> </div>
<div class="date-box"> <h3>
<label>
返却予定日(必須)
</label>
<input type="date" id="returnDate" name="returnDate">
<div class="note">
※ カレンダーから日付を選択してください。
</div>
<div class="error">
※ 現在の日付より前は選択できません。
</div>
</div>
</div>
<div class="warning-area">
<strong>
注意事項 注意事項
</strong> </h3>
<ul> <p>
<li> 貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。 </p>
</li>
<li> <input type="submit" name="submit" onclick="submitLend()" value="貸出する">
返却予定日を必ず指定してください。 <!-- <button type="button" class="btn btn-primary" onclick="submitLend()">-->
</li>
</ul>
</div> <input type="reset" name="reset" value="入力内容をクリア">
<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>
</form> </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> </script>
</body> </body>