Todo 리스트 페이지 만들기

Soo·2024년 3월 12일

Todo 리스트와 TodoController를 만들어보겠습니다.

먼저 TodoController 부터 만들겠습니다.

TodoController.class

원래는 todoService.findByUsername()에 하드코딩을 하면 안되지만 지금은 하드코딩을 하고 나중에 변경하겠습니다.

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

@Controller
public class TodoController {

    private TodoService todoService;

    public TodoController(TodoService todoService) {
        this.todoService = todoService;
    }

    //list-todos
    @RequestMapping("/list-todos")
    public String listAllTodos(ModelMap model) {
        List<Todo> todos = todoService.findByUsername("test1");
        model.addAttribute("todos", todos);

        return "listTodos";
    }
}

이번에는 todo-list를 출력할 listTodos.jsp를 만들겠습니다.

listTodos.jsp

<head>
    <title>List Todos Page</title>
</head>
<body>
<div>welcome to Todos!</div>
<div>Your Todos are ${todos}</div>
</body>
</html>

실행


결과가 나오기는 하지만 모양이 예쁘지 않습니다. 다음 정리에서 기능을 더 추가하고 모양을 다듬어 보겠습니다.

0개의 댓글