게시판 무작정 따라하기 - 메시지 띄우기

기록하는 용도·2022년 5월 20일
0
post-thumbnail

게시글을 등록하고 수정할때 처리 메시지를 출력하고 게시글 리스트를 띄우는 작업

  1. 기존 실행시 작성 버튼을 누르면 리스트로 넘어가고 제일 밑에 게시글이 등록된다.
  2. 이제 중간에 메시지를 띄워본다.
  3. template패키지에 message html 파일을 만들고, 타임리프 문법 적용을 위해 작성한다.
<html lang="en" xmlns:th="http://www.thmeleaf.org">

<script th:inline="javascript">
    /*<![CDATA[*/
    var message = [[${message}]]
    alert(message);
    location.replace([[${searchUrl}]]);
    /*]]>*/
</script>

th에 인라인을 사용한다.

var message = [[${message}]]
넘어온 메세지를 받는부분

location.replace([[${searchUrl}]]);
화면으로 넘어감

컨트롤러에서 메시지를 넘겨주는데 그것을 변수로 받고,
alert창을 띄우고,
페이지를 이동시킬 수 있도록 경로를 담아서 보내주도록 작성한다.

4.컨트롤러

기존코드

@PostMapping("/board/writepro")
    public String boardWritePro(Board board) {

        boardService.write(board);

        return "redirect:/board/list";
    }

기존에는 redirect로 list를 받도록했다.
여기를 수정한다.

return "message";

    public String boardWritePro(Board board,Model model) {

        boardService.write(board);

        model.addAttribute("message", "글 작성이 완료되었습니다.");
        model.addAttribute("searchUrl", "/board/list");
        return "message";
    }
    

어디로 보낼건지 "/board/list");
Model model에 담겨서 message.html로 넘어온다.

가 뜨고 마지막에 뜬다.

바로 리스트로 안보내고, 사용자에게 알려주고 게시물을 작성

  • 수정도 해보기

0개의 댓글