Merge branch 'y-kumaki' of https://gitea.it-college.co.jp/2026_09_5H_Spring_KIZAKI/ShareBooks_new into h-seya

# Conflicts:
#	src/main/java/com/example/demo/repository/BookLendRepository.java
#	src/main/java/com/example/demo/service/BookLendService.java

src/main/java/com/example/demo/controller/BookInsertConfirmController.java

@@ -1,14 +1,6 @@
 package com.example.demo.controller;
 
-import org.springframework.stereotype.Controller;
-import org.springframework.web.bind.annotation.GetMapping;
+//@Controller
+
 
-@Controller
-public class BookInsertConfirmController {
-	@GetMapping("/bookInsertConfirm")
-	public String bookInsertConfirm() {
-		return "bookInsertConfirm";
-		
-	}
 
-}

src/main/java/com/example/demo/controller/BookInsertController.java

@@ -1,13 +1,72 @@
 package com.example.demo.controller;
 
+import java.util.ArrayList;
+
+import org.springframework.beans.factory.annotation.Autowired;
 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 com.example.demo.entity.BookInsert;
+import com.example.demo.repository.BookCategoryRepository;
+import com.example.demo.repository.SubCategoryRepository;
+import com.example.demo.service.BookInsertService;
 
 @Controller
 public class BookInsertController {
-	@GetMapping("bookInsert")
-		public String bookInsert() {
-			return "bookInsert";
-		
-	}
-}
+	
+@Autowired
+private BookInsertService bookInsertService;
+
+@Autowired
+private BookCategoryRepository categoryRepository;
+@Autowired
+private SubCategoryRepository subCategoryRepository;
+
+	    @GetMapping("/bookInsert")
+	    public String bookInsert(Model model) {
+	    	model.addAttribute("categoryList",categoryRepository.findAll());
+	    model.addAttribute("subCategoryList",subCategoryRepository.findAll());
+	    	model.addAttribute("bookInsert",new BookInsert());
+	        return "bookInsert";
+	    }
+	    
+	    // 初期表示: 空のformを渡す(th:fieldの初期値が空になる)
+	    
+	    // 確認画面から戻る: POSTされた入力中の値がformに入ったまま入力画面へ
+	    @PostMapping("/bookInsertConfirm")
+	    public String bookInsertConfirm(BookInsert bookInsert,Model model) {
+	    	bookInsertService.save(bookInsert);
+	    	model.addAttribute("bookInsert",bookInsert);
+	        return "bookInsertConfirm";
+	    }
+	    
+	    @PostMapping("/bookInsert")
+	    public String bookInsertBack(BookInsert bookInsert,Model model) {
+	    	model.addAttribute("categoryList",categoryRepository.findAll());
+	    	model.addAttribute("subCategoryList",new ArrayList<>());
+	    	model.addAttribute("bookInsert",bookInsert);
+	        return "bookInsert";
+	    }
+	    
+	    @PostMapping("/bookInsert/category")
+	    public String changeCategory(BookInsert bookInsert,Model model) {
+	    	    //カテゴリプルダウンに表示するデータを取得
+	    		model.addAttribute("categoryList",categoryRepository.findAll());
+
+	        model.addAttribute("subCategoryList",subCategoryRepository.findByBookCategory_BookCategoryId(bookInsert.getBookCategoryId()));
+	        model.addAttribute("bookInsert", bookInsert);
+
+	        return "bookInsert";
+	    }
+	    
+	
+	    }
+
+	//画面で選択したカテゴリbookInsert.getBookCategoryId())
+
+	    
+	  
+	   
+	 

src/main/java/com/example/demo/controller/BookLendController.java

@@ -1,13 +1,30 @@
 package com.example.demo.controller;
 
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.PostMapping;
+
+import com.example.demo.entity.Employee;
+import com.example.demo.repository.EmployeeRepository;
+
 @Controller
 public class BookLendController {
-		@PostMapping("/bookLend")
-		public String bookLend() {
-			return "bookLend";
-		}
+
+	@Autowired
+	private EmployeeRepository employeeRepository;
+
+	@PostMapping("/bookLend")
+	public String bookLend(Model model) {
+		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";
+	}
 
 }

src/main/java/com/example/demo/controller/LendListController.java

@@ -1,12 +1,30 @@
 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.GetMapping;
 
+import com.example.demo.entity.BookLend;
+import com.example.demo.service.BookLendService;
+
+
 @Controller
 public class LendListController {
+	
+	@Autowired
+	private BookLendService lendlistService;
+	
 	@GetMapping("/lendList")
-	public String lendList() {
+	public String list(Model model) {
+		
+		List<BookLend> aaa = lendlistService.findAll();
+		
+ 		// findAllを使って、DBから一覧を取得　でバックで取得したのを確認
+		model.addAttribute("list",lendlistService.findAll());
+		
 		return "lendList";
 		
 	}

src/main/java/com/example/demo/entity/Book.java

@@ -26,7 +26,7 @@ public class Book {
 	private int bookId;
 
 	// 図書管理ID（BK-1など）
-	@Column(name = "book_manage_id", nullable = true)
+	@Column(name = "book_manage_id", nullable = true, unique = true)
 	private String bookManageId;
 
 	// タイトル
@@ -78,7 +78,7 @@ public class Book {
 
 	// 寄贈者社員ID??
 	@ManyToOne
-	@JoinColumn(name = "donor_id", nullable = false)
+	@JoinColumn(name = "donor_id", nullable = true)
 	private Employee employee;
 
 	//備考

src/main/java/com/example/demo/entity/BookInsert.java

@@ -0,0 +1,75 @@
+package com.example.demo.entity;
+import java.time.LocalDate;
+
+import jakarta.persistence.Column;
+import jakarta.persistence.Entity;
+import jakarta.persistence.GeneratedValue;
+import jakarta.persistence.GenerationType;
+import jakarta.persistence.Id;
+import jakarta.persistence.Table;
+import jakarta.persistence.Transient;
+
+import lombok.Data;
+
+@Entity  // このクラスがDBのテーブルに対応することを表す
+@Table(name = "book")
+@Data
+public class BookInsert {
+
+    @Id  // 主キー
+    @GeneratedValue(strategy = GenerationType.IDENTITY)  // 自動採番
+    @Column(name = "book_id")
+    private Integer bookId;
+    
+    @Column(name = "book_manage_id")
+    private String bookManageId;
+
+    @Column(name = "title")
+    private String title;
+    
+    @Column(name = "isbn")
+    private String isbn;
+    
+    @Column(name = "author")
+    private String author;
+    
+    @Column(name = "book_subcategory_id")
+    private Integer subcategory;
+    
+    @Column(name = "publisher")
+    private String publisher;
+    
+    @Column(name = "publication_date")
+    private String publicationDate;
+    
+    @Column(name = "location_id")
+    private Integer location;
+    
+    @Column(name = "condition_s")
+    private Integer condition;
+    
+    @Column(name = "donor_id")
+    private Integer donor;
+    
+    @Column(name = "description")
+    private String description;
+    
+    @Column(name = "created_at")
+    private LocalDate createdAt;
+
+    @Column(name = "updated_at")
+    private LocalDate updatedAt;
+
+    @Column(name = "is_deleted")
+    private Integer isDeleted;
+    
+    @Column(name = "book_approval")
+    private Integer bookApproval;
+  
+    @Transient
+    private Integer bookCategoryId;
+    
+    
+    
+ 
+}

src/main/java/com/example/demo/entity/BookLend.java

@@ -8,6 +8,7 @@ import jakarta.persistence.GeneratedValue;
 import jakarta.persistence.GenerationType;
 import jakarta.persistence.Id;
 import jakarta.persistence.JoinColumn;
+import jakarta.persistence.ManyToOne;
 import jakarta.persistence.OneToOne;
 import jakarta.persistence.Table;
 
@@ -28,9 +29,9 @@ public class BookLend {
 	@JoinColumn(name = "book_manage_id", referencedColumnName = "book_manage_id",nullable = false)
 	private Book book;
 
-	// 図書管理ID（BK-1など）
-	@Column(name = "employee_id", nullable = false)
-	private Integer employeeId;
+	@ManyToOne
+	@JoinColumn(name = "employee_id", nullable = false)
+	private Employee employeeBooklend;
 
 	// 貸出日
 	@Column(name = "book_lend_date", nullable = false)

src/main/java/com/example/demo/entity/Employee.java

@@ -34,4 +34,7 @@ public class Employee {
 	@OneToMany(mappedBy = "employee")
 	private List<Book> employees = new ArrayList<>();
 	
+	@OneToMany(mappedBy = "employeeBooklend")
+	private List<BookLend> employeesBooklend = new ArrayList<>();
+	
 }

src/main/java/com/example/demo/form/BookForm.java

@@ -1,5 +0,0 @@
-package com.example.demo.form;
-
-public class BookForm {
-
-}

src/main/java/com/example/demo/repository/BookInsertRepository.java

@@ -0,0 +1,11 @@
+package com.example.demo.repository;
+
+
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import com.example.demo.entity.BookInsert;
+
+public interface BookInsertRepository extends JpaRepository<BookInsert,Integer> {
+
+}

src/main/java/com/example/demo/repository/BookLendRepository.java

@@ -1,7 +1,11 @@
 package com.example.demo.repository;
 
-// 図書の貸出処理に使用予定
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.stereotype.Repository;
 
-public interface BookLendRepository {
+import com.example.demo.entity.BookLend;
+
+@Repository
+public interface BookLendRepository extends JpaRepository<BookLend, Integer> {
 
 }

src/main/java/com/example/demo/repository/EmployeeRepository.java

@@ -0,0 +1,12 @@
+package com.example.demo.repository;
+
+import java.util.List;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import com.example.demo.entity.Employee;
+
+public interface EmployeeRepository extends JpaRepository<Employee, Integer>{
+
+	List<Employee> findByEmployeeId(Integer employeeId);
+}

src/main/java/com/example/demo/repository/SubCategoryRepository.java

@@ -0,0 +1,12 @@
+package com.example.demo.repository;
+import java.util.List;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import com.example.demo.entity.BookSubcategory;
+
+public interface SubCategoryRepository
+        extends JpaRepository<BookSubcategory,Integer> {
+	List<BookSubcategory> findByBookCategory_BookCategoryId(Integer bookCategoryId);
+
+}

src/main/java/com/example/demo/service/BookInsertService.java

@@ -0,0 +1,11 @@
+package com.example.demo.service;
+
+import java.util.List;
+
+import com.example.demo.entity.BookInsert;
+
+public interface BookInsertService {
+	String regist(BookInsert book);
+	List<BookInsert> findAll();
+	void save(BookInsert bookInsert);
+}

src/main/java/com/example/demo/service/BookInsertServiceImpl.java

@@ -0,0 +1,47 @@
+	package com.example.demo.service;
+	
+	import java.time.LocalDate;
+import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.example.demo.entity.BookInsert;
+import com.example.demo.repository.BookInsertRepository;
+	
+	@Service
+	public class BookInsertServiceImpl implements BookInsertService {
+	
+	    @Autowired
+	    private BookInsertRepository bookInsertRepository;
+	
+	    @Override
+	    public String regist(BookInsert book) {
+	        // DTO → エンティティへ詰め替えて保存
+	        bookInsertRepository.save(book);  // 保存
+	        return "登録が完了しました";
+	    }
+	
+	    @Override
+	    public List<BookInsert> findAll() {
+	        return bookInsertRepository.findAll();  // 全件取得
+	    }
+	    
+	    public void save(BookInsert bookInsert) {
+	    	bookInsert.setCreatedAt(LocalDate.now());//登録日時設定
+	    	bookInsert.setUpdatedAt(LocalDate.now());//更新日時設定
+	    	bookInsert.setIsDeleted(0);//削除フラグ設定
+	    	bookInsert.setBookApproval(0);//承認フラグ(承認されていないため0)
+	    	bookInsertRepository.save(bookInsert);
+	    	//BK〇〇〇〇形式で管理IDを作る
+	    	String manageId="BK-" + bookInsert.getBookId();//BookId取得→BK形式に変換
+	    	bookInsert.setBookManageId(manageId);
+	    
+	     bookInsertRepository.save(bookInsert);//データベースに保存
+	    }
+	}
+	
+	
+	
+	// ※BookService インタフェースにも List<Review> findAll(); を追加すること
+	

src/main/java/com/example/demo/service/BookLendService.java

@@ -1,7 +1,21 @@
 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.BookLend;
+import com.example.demo.repository.BookLendRepository;
+
+@Service
 public class BookLendService {
 
+	@Autowired
+	private BookLendRepository bookLendRepository;
+
+	public List<BookLend> findAll() {
+		return bookLendRepository.findAll();
+	}
+
 }

src/main/java/com/example/demo/service/BookService.java

@@ -1,11 +0,0 @@
-package com.example.demo.service;
-
-import java.util.List;
-
-import com.example.demo.entity.Book;
-
-public interface BookService {
-	String booklist(Book book);
-
-	List<java.awt.print.Book> findAll();
-}

src/main/resources/templates/book.html

@@ -17,7 +17,7 @@
 			<table class="table table-striped">
 				<thead>
 					<tr>
-						<th>図書ID</th>
+						<th>図書管理ID</th>
 						<th>ISBN</th>
 						<th>タイトル</th>
 						<th>著者名</th>
@@ -30,14 +30,14 @@
 						<th>登録日時</th>
 						<th>更新日時</th>
 						<th>寄贈者</th>
-						<th>貸出状態??</th>
-						<th>操作??</th>
+						<th>貸出状態</th>
+						<th>操作</th>
 					</tr>
 				</thead>
 
 				<tbody>
-					<tr th:each="book : ${book}">
-						
+					<tr th:each="book : ${book}" th:if="${book.bookManageId != null}">
+
 						<td th:text="*{book.bookManageId}"></td>
 						<td th:text="*{book.isbn}"></td>
 						<td th:text="*{book.title}"></td>
@@ -47,52 +47,43 @@
 						<td th:text="*{book.bookSubcategory.bookCategory.bookCategoryName}"></td>
 						<td th:text="*{book.bookSubcategory.bookSubcategoryName}"></td>
 						<td th:text="*{book.storageLocation.locationName}"></td>
-						<td th:text="*{book.condition}"></td>
+						<td th:text="*{book.condition == 0 ? '分からない':
+									   book.condition == 1 ? '新品':
+									   book.condition == 2 ? '良好':
+									   book.condition == 3 ? '使用感あり':
+									   book.condition == 4 ? '痛みあり':
+								       '不明'}">
+						</td>
 						<td th:text="*{book.createdAt}"></td>
 						<td th:text="*{book.updatedAt}"></td>
-						<td th:text="*{book.employee != null ? book.employee.employeeId : '-'}"></td>
-						<td th:text="*{book.bookLends != null ? book.bookLends.bookStatus : '-'}"></td>
-						
-						
-						
+						<td th:text="*{book.employee != null ? book.employee.employeeName : '-'}"></td>
+						<td
+							th:text="*{book.bookLends != null ? (book.bookLends.bookStatus == 0 ? '貸出可': '貸出不可') : '貸出可'}">
+						</td>
+						<td>
+							<form method="post" action="/bookLend">
+								<input type="hidden" name="bookManageId" th:value="*{book.bookManageId}">
+								<button type="submit"
+									th:disabled="*{book.bookLends != null && book.bookLends.bookStatus == 1}">
+									貸出
+								</button>
+							</form>
+							<form method="get" action="/updateconfirm">
+								<input type="hidden" name="bookManageId" th:value="*{book.bookManageId}">
+								<button type="submit">更新</button>
+							</form>
+							<form method="get" action="/delete">
+								<input type="hidden" name="bookManageId" th:value="*{book.bookManageId}">
+								<button type="submit">削除</button>
+							</form>
+						</td>
+
+
 					</tr>
 				</tbody>
 			</table>
 
 
-			<button type="submit" class="btn-login">
-				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-					stroke-linejoin="round">
-					<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
-					<polyline points="10 17 15 12 10 7" />
-					<line x1="15" y1="12" x2="3" y2="12" />
-				</svg>
-				貸出
-			</button>
-		</form>
-
-		<button type="submit" class="btn-login">
-			<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-				stroke-linejoin="round">
-				<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
-				<polyline points="10 17 15 12 10 7" />
-				<line x1="15" y1="12" x2="3" y2="12" />
-			</svg>
-			貸出
-		</button>
-		</form>
-
-		<form method="post" action="update">
-			<button type="submit" class="btn-login">
-				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-					stroke-linejoin="round">
-					<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
-					<polyline points="10 17 15 12 10 7" />
-					<line x1="15" y1="12" x2="3" y2="12" />
-				</svg>
-				更新
-			</button>
-		</form>
 
 
 </body>

src/main/resources/templates/bookInsert.html

@@ -8,8 +8,105 @@
 
 <body>
 	<h1>新規図書登録入力</h1>
-	<form action="/bookInsertConfirm" method="GET">
+	
+	<br>
+	       <br><br>
+		   
+	<form action="/bookInsertConfirm" method="POST" th:object="${bookInsert}">
+ 
+		<label for="bookId">図書ID</label><br>
+		<input type="text"
+		       id="bookId"
+		       placeholder="登録時に自動採番されます" readonly>
+		<br><br>
+		
+		<label for="bookmanageId">図書管理ID</label><br>
+				<input type="text"
+				       id="bookManageId"
+				       placeholder="登録時に自動採番されます" readonly>
+				<br><br>
+
+	<label for="title">タイトル</label><br>
+	<input type="text" id="title" name="title" placeholder="タイトルを入力" th:value="${bookInsert.title}" required>
+	<br><br>
+	
+	<label for="isbn">ISBN</label><br>
+	<input type="text" id="isbn" name="isbn" placeholder="ISBNを入力" th:value="${bookInsert.isbn}" required>
+		<br><br>
+	
+		<label for="title">著者名</label><br>
+		<input type="text" id="author" name="author" placeholder="著者名を入力" th:value="${bookInsert.author}" required>
+		<br><br>
+		
+		<label for="category">カテゴリ</label><br>
+		<select th:field="*{bookCategoryId}"
+		        onchange="
+		            this.form.action='/bookInsert/category';
+		            this.form.submit();">
+
+		    <option value="">
+		        選択してください
+		    </option>
+
+		    <option th:each="category : ${categoryList}"
+		            th:value="${category.bookCategoryId}"
+		            th:text="${category.bookCategoryName}">
+		    </option>
+
+		</select>
+		<br><br>
+		
+		<label for="subcategory">サブカテゴリ</label><br>
+		<select th:field="*{subcategory}">
+		    <option value="">選択してください</option>
+			<option th:each="sub:${subCategoryList}"
+				    th:value="${sub.bookSubcategoryId}"
+				    th:text="${sub.bookSubcategoryName}">
+				    </option>
+				</select>
+		<br><br>
+	
+		<label for="publisher">主パン者</label><br>
+		<input type="text" id="publisher" name="publisher" th:value="${bookInsert.publisher}">
+		<br><br>
+		
+		<label for="publicationDate">出版日</label><br>
+		<input type="date" id="publicationDate" name="publicationDate" th:value="${bookInsert.publicationDate}">
+		<br><br>
+		
+		<label for="location">保管場所</label><br>
+		<select name="location">
+			<option value="1">未確定</option>
+			<option value="2">開発エリア書棚</option>
+			<option value="3">会議室前ラック</option>
+			</select>
+		<br><br>
+		
+		<label for="condition">図書状態</label><br>
+		<select name="condition">
+		    <option value="0">不明</option>
+		    <option value="1">新品同様</option>
+		    <option value="2">良好</option>
+		    <option value="3">使用感あり</option>
+		    <option value="4">傷みあり</option>
+		</select>
+		<br><br>		
+	   
+		<label for="donor">寄贈者社員ID</label><br>
+		<input type="text" id="donor" name="donor" th:value="${bookInsert.donor}">
+		<br><br>
+		
+		<!--
+		<label for="description">備考</label><br>
+		<input type="text" id="description" name="description" th:value="${bookInsert.description}">
+		<br><br>
+</label>-->
+
+
 	<input type="submit" value="確認画面へ" class="btn">
+</form>
+
+
 </body>
 
 </html>

src/main/resources/templates/bookInsertConfirm.html

@@ -9,9 +9,24 @@
 <body>
 	<h1>登録内容確認</h1>
 
-	<!-- 戻る -->
-	<form action="/bookInsert" method="GET">
-		<input type="submit" value="戻る" class="btn">
+		
+		<!-- もどる: 入力中の値を持って入力画面へ -->
+		<form method="post" th:action="@{/bookInsert}" >
+		    <input type="hidden" name="bookId" th:value="${bookInsert.bookId}">
+			<input type="hidden" name="bookmanageId" th:value="${bookInsert.bookManageId}">
+		    <input type="hidden" name="title" th:value="${bookInsert.title}">
+			<input type="hidden" name="isbn" th:value="${bookInsert.isbn}">
+			<input type="hidden" name="author" th:value="${bookInsert.author}">
+			<input type="hidden" name="category" th:value="${bookInsert.bookCategoryId}">
+			<input type="hidden" name="subcategory" th:value="${bookInsert.subcategory}">
+			<input type="hidden" name="publisher" th:value="${bookInsert.publisher}">
+			<input type="hidden" name="publicationDate" th:value="${bookInsert.publicationDate}">
+			<input type="hidden" name="location" th:value="${bookInsert.location}">
+			<input type="hidden" name="condition" th:value="${bookInsert.condition}">
+			<input type="hidden" name="donor" th:value="${bookInsert.donor}">
+			<input type="hidden" name="description" th:value="${bookInsert.description}">
+		    <button type="submit">もどる</button>
+		</form>
 	</form>
 	<!-- 完了 -->
 	<form action="/book" method="GET">
@@ -52,6 +67,7 @@
 					</button>
 
 				</form>
+				
 
 			</div>
 

src/main/resources/templates/bookLend.html

@@ -1,32 +1,201 @@
 <!DOCTYPE html>
-<html>
+<html xmlns:th="http://www.thymeleaf.org">
+
 <head>
-<meta charset="UTF-8">
-<title>図書貸出処理</title>
+	<meta charset="UTF-8">
+	<title>図書貸出処理</title>
 </head>
+
 <body>
-	図書貸出処理
-	<form id="loanForm"action="bookLendConfirmation" method="post">
-			<div class="button-area">
 
-						<div class="right-buttons">
-							<button type="button" class="btn btn-primary"
-								onclick="submitLoan()">貸出する</button>
-						</div>
-					</div>
+	<h1>
+		図書貸出処理
+	</h1>
 
-				</form>
-				
-				<script>
-				
-				function submitLoan() {
+	<p>
+		以下の図書を貸出します。貸出先と貸出日・返却予定日を入力してください。
+	</p>
 
-							if (confirm('この図書を貸出しますか？')) {
-								// OK選択時にフォーム送信を実行し、BookLendReturnControllerに処理を投げる
-								document.getElementById('loanForm').submit();
-							}
-						}
-		</script>
+	<h2>
+		図書情報
+	</h2>
+
+	<div class="card-body">
+		<table class="info-table">
+			<tr>
+				<th>
+					図書管理ID
+				</th>
+
+				<td>
+					（図書管理IDをここに表示させる）
+				</td>
+			</tr>
+
+			<tr>
+				<th>
+					図書タイトル
+				</th>
+
+				<td>
+					（タイトルをここに表示させる）
+				</td>
+			</tr>
+
+			<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();">-->
+
+				<option value="">
+					社員IDを選択してください
+				</option>
+
+				<option th:each="employee : ${employeeList}" th:value="${employee.employeeId}">
+				</option>
+
+			</select>
+		</div>
+
+		<div class="form-row">
+			<label for="employeeName">
+				社員名
+			</label>
+
+			<input type="text" id="employeeName" value="" placeholder="社員名が表示されます" readonly>
+
+		</div>
+
+	</div>
+
+	<h2>
+		貸出・返却日入力
+	</h2>
+
+	<div class="date-section">
+
+		<div class="date-box">
+
+			<label>
+				貸出日(自動取得)
+			</label>
+
+			<input type="date" id="loanDate" name="loanDate" value="">
+
+			<div class="note">
+				※ 現在の日付が自動で設定されます。
+			</div>
+
+		</div>
+
+		<div class="date-box">
+
+			<label>
+				貸出期間日数
+			</label>
+
+			<input type="text" id="loanDays" placeholder="日数を入力してください">
+
+			<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>
+			注意事項
+		</strong>
+
+		<ul>
+			<li>
+				貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
+			</li>
+
+			<li>
+				返却予定日を必ず指定してください。
+			</li>
+		</ul>
+
+	</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>
+
+	</form>
+
+	<script>
+
+		function submitLend() {
+
+			if (confirm('この図書を貸出しますか？')) {
+				// OK選択時にフォーム送信を実行し、BookLendReturnControllerに処理を投げる
+				document.getElementById('loanForm').submit();
+			}
+		}
+
+	</script>
 
 </body>
+
 </html>

src/main/resources/templates/lendList.html

@@ -1,17 +1,48 @@
 <!DOCTYPE html>
-<html>
+<html xmlns:th="http://www.thymeleaf.org">
 
 <head>
 	<meta charset="UTF-8">
 	<title>貸出中図書一覧</title>
+	<link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
 
 <body>
 	<h1>貸出中図書一覧</h1>
-	
+
 	<!-- action先要修正 -->
 	<form action="/lendList" method="GET">
 		<input type="submit" value="返却" class="btn">
+
+
+		<table>
+			
+		<thead>
+			<tr>
+				<th>社員ID</th>
+				<th>社員名</th>
+				<th>管理ID</th>
+				<th>タイトル</th>
+				<th>返却予定日</th>
+				<th>超過日数</th>
+			</tr>
+		</thead>
+
+
+		<tbody>
+			<tr th:each="booklist : ${list}">
+
+				<td th:text="*{booklist.employeeBooklend.employeeId}"></td>
+				<td th:text="*{booklist.employeeBooklend.employeeName}"></td>
+				<td th:text="*{booklist.book.bookManageId}"></td>
+				<td th:text="*{booklist.book.title}"></td>
+				<td th:text="*{booklist.bookReturnDate}"></td>
+<!--				<td th:text="*{booklist.}"></td>-->
+			</tr>
+		</tbody>
+		</table>
+		
+		
 	</form>
 
 	<!-- 以下ポップアップ -->