JSP

[JSP] 48. <JSP와 MVC 패턴을 사용한 to-do 프로젝트> (7)

Song hyun 2024. 7. 10. 14:41
728x90
반응형

[JSP] 48. <JSP와 MVC 패턴을 사용한 to-do 프로젝트> (7)

 

1. todoList.jsp

<%@page import="java.util.Date"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page import="com.tenco.model.TodoDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>할 일 목록</title>
<link rel="stylesheet" type="text/css" href="../css/styles.css">
</head>
<body>
	<%
		List<TodoDTO> todos = new ArrayList<TodoDTO>();
		TodoDTO todo1=TodoDTO.builder()
				.id(1)
				.title("할 일 1")
				.description("놀기")
				.dueDate(new Date())
				.completed(false)
				.userId(1)
				.build();
		
		TodoDTO todo2=TodoDTO.builder()
				.id(1)
				.title("할 일 2")
				.description("놀기")
				.dueDate(new Date())
				.completed(false)
				.userId(1)
				.build();
		
		TodoDTO todo3=TodoDTO.builder()
				.id(1)
				.title("할 일 3")
				.description("놀기")
				.dueDate(new Date())
				.completed(false)
				.userId(1)
				.build();
		
		todos.add(todo1);
		todos.add(todo2);
		todos.add(todo3);
		
		if(todos != null || !todos.isEmpty()){
		
	%>
	<h1>할 일 목록</h1>
	<a href="todoForm">새 할 일 추가</a>
	<table border="1">
		<tr>
			<th>제목</th>
			<th>설명</th>
			<th>마감일</th>
			<th>완료 여부</th>
			<th>(액션-버튼)</th>
		</tr>
		
		<% for(TodoDTO todo : todos) {%>
		<tr>
			<td><%= todo.getTitle() %></td>
			<td><%= todo.getDescription() %></td>
			<td><%= todo.getDueDate() %></td>
			<td><%= todo.isCompleted() == true ? "완료" : "미완료" %></td>
			<td>
				<!--  -->
				<a href="todo/detail?id=<%= todo.getId() %>">상세보기</a>
				<!-- 삭제 기능 만들기 -->
				<form action="delete">
					<input type="hidden" name="id" value="<%=todo.getId()%>">
					<button type="submit">삭제</button>
				</form>
			</td>
		</tr>
		<% } %>
	</table>
	
	<%} else { %>
	<hr>
	<p>등록된 할 일이 없습니다.</p>
	<%} %>
</body>
</html>

 

728x90
반응형