[EDIT]:画面遷移ができなくなるエラー修正
This commit is contained in:
h-seya
@@ -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";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
24
src/main/java/com/example/demo/service/EmployeeService.java
Normal file
24
src/main/java/com/example/demo/service/EmployeeService.java
Normal 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();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user