본문 바로가기

BackEnd/Spring

[코드로 배우는 스프링 웹 프로젝트] java spring 책 수정 화면 만들기

728x90
반응형

1. 책 수정 화면 : 브라우저에서 localhost:8080/update?bookId=1 주소에 접속하면 책 정보를 수정할 수 있습니다.

 

2. 책 수정 화면 컨트롤러 메소드 추가

...(생략)...
    // 책 수정 화면 컨트롤러 메소드 추가
    @RequestMapping(value = "/update", method=RequestMethod.GET)
    public ModelAndView update(@RequestParam Map<String, Object> map) {
        Map<String, Object> detailMap = this.bookService.detail(map);

        ModelAndView mav = new ModelAndView();
        mav.addObject("data", detailMap);
        mav.setViewName("/book/update");
        return mav;
    }
}


책 수정 화면은 책 입력 화면 + 책 상세 화면이 나타납니다.

 

3. 책 수정 화면 뷰 작성

   ▷ src → main → webapp → WEB-INF → views → book → create.jsp 파일 복사해서 update 파일 생성


 

◎ update.jsp

<%@ page contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<html>
<head>
<meta charset="UTF-8">
<title>책 수정</title>
</head>
<body>
	<h1>책 수정</h1>
	<form method="post">
		<p>제목 : <input type="text" name="title" value="${ data.title }"/></p>
		<p>카테고리 : <input type="text" name="category" value="${ data.category }" /></p>
		<p>가격 : <input type="text" name="price" value="${ data.price }" /></p>
		<p><input type="submit" value="저장" /></p>
	</form>
</body>
</html>

 

 

4. 책 수정 화면 확인하기


http://localhost:8080/update?bookId=1 주소로 접속하면 위와 같은 화면이 나타납니다.

 

update.jsp 파일을 생성하면 책 내용을 수정할 수 있는 화면이 나타납니다!

 

BookId를 기준으로 했기 때문에 해당 번호에 저장된 페이지를 수정할 수 있네요!!

 

다음은 책 수정 기능이 연동되도록 만들어 볼게요!!

 

많은 분들의 피드백은 언제나 환영합니다!  많은 댓글 부탁드려요~~

 

728x90
반응형