[Spring-Framework] 9. MVC웹 - POST, GET 방식, c태그 목록 출력
웹 게시판 작성에서 필요한 POST, GET 방식 처리에 대해서 Spring-Framework를 통해서 소개하려고 한다.
자료구조(Data Structure)인 List, Hash-Map에 대한 내용은 생략하겠다.
일반 범용 "게시판"에서 사용될 수 있는 것 위주로 작성하였다.
* IDE: Spring Tool-Suite 4(Eclipse)
-> Spring Legacy Project의 Spring MVC Project를 기반으로 작성함.
1. 결과부터 살펴보는 POST, GET 방식 처리
크게 데이터를 전송하는 방식에는 POST, GET 방식이 있다.
기능으로 요약하면, 외부에 노출되서 전송되는 방식은 GET이고, 숨겨서 전송하는 방식은 POST방식이다.
이 프로젝트의 특징은 추후에 MyBatis 등의 라이브러리까지 고민하여 작성하였다.
그림 1. 글쓰기 양식
그림 2. POST 방식 처리 - Map 목록 출력
그림 3. GET 방식 처리 - List 목록 출력
2. 프로젝트
Controller, VO(Value Object)는 다음처럼 해준다.
그림 4. 프로젝트 구성(Controller와 VO)
View 영역은 아래처럼 구성해준다.
그림 5. 프로젝트 구성(view영역의 jsp 파일)
3. 코드(MemberVO)
MemberVO는 매우 간단하게 작성하였다.
package com.springMVC1.web.vo;
public class MemberVO {
private String id;
private String passwd;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getPasswd() {
return passwd;
}
public void setPasswd(String passwd) {
this.passwd = passwd;
}
}
파일명: MemberVO.java
4. 코드(Controller - BoardController)
BoardController를 구성해보았다.
package com.springMVC1.web.controller;
import java.text.DateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Locale;
import java.util.Map;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import com.springMVC1.web.vo.MemberVO;
@Controller
@RequestMapping(value="/board")
public class BoardController {
private static final Logger logger = LoggerFactory.getLogger(BoardController.class);
@RequestMapping(value = "/list", method = RequestMethod.GET)
public String list(Locale locale, Model model) {
logger.info("Welcome board - list! The client locale is {}.", locale);
Date date = new Date();
DateFormat dateFormat = DateFormat.getDateTimeInstance(DateFormat.LONG, DateFormat.LONG, locale);
String formattedDate = dateFormat.format(date);
model.addAttribute("serverTime", formattedDate );
return "/board/list";
}
// GET, POST 방식 모두 가능
@RequestMapping(value = "insert")
public String insert(Locale locale, Model model) {
return "/board/insert";
}
// POST방식만 사용
@RequestMapping(value = "insertResult", method=RequestMethod.POST)
public String insertResult(Model model, MemberVO memberVO) {
model.addAttribute("serverTime", "1군");
logger.info("로거 사용"); // 로거
HashMap<String, Object> map = new HashMap<String, Object>();
MemberVO node1 = new MemberVO();
// 1번 회원
node1.setId("user1");
node1.setPasswd("1234");
map.put("1", node1);
// 2번 회원
node1 = new MemberVO();
node1.setId("user2");
node1.setPasswd("9876");
map.put("2", node1);
// model 속성으로 등록
model.addAttribute("map", map);
return "/board/insert_result_post";
}
// GET방식만 사용 - 편법(매개변수 하나 더 추가)
@RequestMapping(value = "insertResult", method=RequestMethod.GET)
public String insertResult(Model model, MemberVO memberVO, String s) {
model.addAttribute("serverTime", "2군");
logger.info("로거 사용"); // 로거
// 다중 회원 목록 출력 실험
List<MemberVO> member = new ArrayList<MemberVO>();
MemberVO node1 = new MemberVO();
// 1번 회원
node1.setId("user1");
node1.setPasswd("1234");
member.add(node1);
// 2번 회원
node1 = new MemberVO();
node1.setId("user2");
node1.setPasswd("9876");
member.add(node1);
model.addAttribute("list", member);
return "/board/insert_result_get";
}
}
파일명: BoardController.java
이 프로젝트에서 POST, GET을 하나의 RequestMapping Value값 "insertResult"로 처리하는 방법에 대해서 소개하고 있다.
5. 코드(View - JSP 파일)
insert.jsp 파일을 기반으로 POST, GET 방식 실험을 동시에 할 수 있도록 설계하였다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글쓰기 - 양식</title>
</head>
<body>
<%
String context = request.getContextPath();
%>
<h3>POST 방식</h3>
<form action="<%=context%>/board/insertResult" method="POST">
ID: <input type="text" name="id"><br/>
비밀번호: <input type="password" name="passwd"><br/>
<input type="submit" value="전송">
</form>
<br />
<h3>GET 방식</h3>
<form action="<%=context%>/board/insertResult" method="GET">
ID: <input type="text" name="id"><br/>
비밀번호: <input type="password" name="passwd"><br/>
<input type="submit" value="전송">
</form>
</body>
</html>
파일: /board/insert.jsp
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>등록 결과 - GET방식(실험)</title>
</head>
<body>
<!-- 결과 -->
<h3>GET 방식 - 실험</h3>
<h5>GET으로 전송받은 데이터</h5>
<table border="1" style="width:500px">
<tr>
<td>서버시간</td>
<td>${serverTime }</td>
</tr>
<tr>
<td>ID</td>
<td>${memberVO.id}</td>
</tr>
<tr>
<td>비밀번호</td>
<td>${memberVO.passwd }</td>
</tr>
</table>
<br />
<h5>ArrayList 결과 출력하기</h5>
<!-- 다중 회원 출력 -->
<table border="1" style="width:500px">
<c:forEach items="${list}" var="list">
<tr>
<td>ID</td>
<td>${list.id}</td>
<td>비밀번호</td>
<td>${list.passwd }</td>
</tr>
</c:forEach>
</table>
</body>
</html>
파일: /board/insert_result_get.jsp
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>등록 결과 - Post방식(실험)</title>
</head>
<body>
<!-- 결과 -->
<h3>POST 방식 - 실험</h3>
<br/>
<table border="1" style="width:500px">
<tr>
<td>서버시간</td>
<td>${serverTime }</td>
</tr>
<tr>
<td>ID</td>
<td>${memberVO.id}</td>
</tr>
<tr>
<td>비밀번호</td>
<td>${memberVO.passwd }</td>
</tr>
</table>
<h5>Map 결과 출력하기</h5>
<!-- 다중 회원 출력 -->
<table border="1" style="width:700px">
<c:forEach items="${map}" var="i">
<tr>
<td style="width:50px">1. Key값</td>
<td style="width:150px">${i.key}</td>
<td style="width:50px">2. 객체주소</td>
<td style="width:200px">${i.value}</td>
<%
%>
<td style="width:50px">3. 객체값(ID)</td>
<td style="width:100px">${i.value.id}</td>
<td style="width:50px">3. 객체값(Passwd)</td>
<td style="width:100px">${i.value.passwd}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
파일: /board/insert_result_post.jsp
* 형식문자
-> 년도 출력
<fmt:formatNumber value="${변수명}" pattern="yyyy-mm-dd" />
<fmt:formatNumber value="${객체명.멤버변수명}" pattern="yyyy-mm-dd" />
* 맺음글(Conclusion)
게시판 구현에 대해서 조금 더 쉽게 접근할 수 있는 방법에 대해서 소개하였다.
복잡한 기능들 다 제거해보았더니, 나름대로 Spring-Framework도 쉽고 빠르게 접근할 수 있다고 본다.