PSE's blog

[Spring] ERROR : java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener

PSEveloper — Wed, 23 Dec 2020 00:52:28 +0900

원인

: > Maven > Update Project Configuration 실행시 maven 라이브러리 경로가 삭제되는 현상으로 발생하는 오류

문제 해결

: > 프로젝트 우클릭 > properties * Deployment Assembly > Add 버튼 > Java Build Path Entries > Maven Dependencies 선택 > Apply버튼을 클릭하면 경로가 재설정되어 정상적으로 서버가 시작된다.

참고 사이트

: myblog.opendocs.co.kr/archives/1657

[Spring] ERROR : Cannot find class [org.springframework.web.servlet.view.tiles3.TilesViewResolver]

PSEveloper — Wed, 23 Dec 2020 00:45:27 +0900

원인

: 스프링 프레임워크의 버전이 낮아서 생긴 오류, 3.1.1.RELEASE에서는 tiles3를 사용할 수 없음!

● pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/maven-v4_0_0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>com.mypro</groupId>
	<artifactId>deuqoo</artifactId>
	<name>Deuqoo</name>
	<packaging>war</packaging>
	<version>1.0.0-BUILD-SNAPSHOT</version>
	<properties>
		<java-version>1.6</java-version>
		<org.springframework-version>3.1.1.RELEASE</org.springframework-version>
		<org.aspectj-version>1.6.10</org.aspectj-version>
		<org.slf4j-version>1.6.6</org.slf4j-version>
	</properties>

→ 3.1.1.RELEASE를 5.2.5.RELEASE로 바꾸었더니 해결되었음

참고 사이트 : myhappyman.tistory.com/82

[JSP] STUDY 25 - 게시판 만들기(MVC2 패턴) (7) : 글 검색하기

PSEveloper — Mon, 21 Dec 2020 22:31:35 +0900

7. 글 검색하기

boardList.jsp (전체 페이지) → boardSearch.do →  web.xml →  BoardFrontController.java →

BoardSearchAction.java → BoardDAO.java → boardMapper.xml (검색한 DTO 배열 반환) →

BoardDAO.java → BoardSearchAction.java → BoardFrontController.java →  ActionForward.java →

boardSearchList.jsp (검색한 글 리스트를 보여주는 화면으로 전환)

1) boardList.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("utf-8");
List<BoardDTO> list = (List<BoardDTO>) request.getAttribute("list");

%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardList</title>
</head>
<body>
	<div align="center">
		<h3>[게시판 전체목록 보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				 <th>번호</th>
				 <th>제목</th>
				 <th>작성자</th>
				 <th>작성일</th>
				 <th>조회수</th>
			</tr>
			<!-- 1. JSTL core 문법을 이용한 출력 : b_num_seq에 의해서 번호의 순서가 안맞다. -->
			<c:if test="${empty list} ">
				<tr align="center">
					<td colspan="5">작성된 글이 없습니다.</td>
				</tr>
			</c:if>
			<%-- 			
			<c:if test="${list ne null }">
				<c:forEach var="i" items="${list }">
					<tr align="center">
						<td>${i.b_num }</td>
						<td>${i.b_subject }</td>
						<td>${i.b_writer }</td>
						<td>${i.b_date }</td>
						<td>${i.b_readcount }</td>
					</tr>
				</c:forEach>
			</c:if> 
			--%>
			
			<!-- 2. 향상된 for문을 이용한 출력 : 번호 순서가 맞지 않다. -->
			<%--
				if(list.size() == 0) {
					out.println("<tr align='center'><td colspan='5'>작성된 글이 없습니다.</td></tr>");
				} else {
					for(BoardDTO dto : list) {
						out.println("<tr align='center'>");
						out.println("<td> " + dto.getB_num() + "</td>");
						out.println("<td> " + dto.getB_subject() + "</td>");
						out.println("<td> " + dto.getB_writer() + "</td>");
						out.println("<td> " + dto.getB_date() + "</td>");
						out.println("<td> " + dto.getB_readcount() + "</td>");
						out.println("</tr>");
					}//for
				}//if-else
			--%>
			
			<%
				if(list.size() == 0) {
					out.println("<tr align='center'><td colspan='5'>작성된 글이 없습니다.</td></tr>");
				} else {
					for(int i = 0; i < list.size(); i++) {
						out.println("<tr align='center'>");
						/* out.println("<td> " + list.get(i).getB_num() + "</td>"); */
						out.println("<td> " + (list.size() - i) + "</td>");
						out.println("<td><a href='boardDetail.do?b_num=" + list.get(i).getB_num() + "'>" 
									+ list.get(i).getB_subject() + "</a></td>");
						out.println("<td> " + list.get(i).getB_writer() + "</td>");
						out.println("<td> " + list.get(i).getB_date() + "</td>");
						out.println("<td> " + list.get(i).getB_readcount() + "</td>");
						out.println("</tr>");
					}//for
				}//if-else				
			%>
			
			<tr align="center">
				<td colspan="5">
					<form action="boardSearch.do" method="post">
						<select name="part">
							<option value="b_subject">제목</option>
							<option value="b_content">내용</option>
							<option value="b_writer">작성자</option>							
						</select>
						<input type="text" name="searchData" required="required" />
						<input type="submit" value="검색하기" />
						<input type="button" value="글쓰기" onclick="location.href='boardInsertForm.do'" />
					</form>
				</td>
			</tr>
		</table>
	</div>

</body>
</html>

- 검색 레이아웃 부분을 form 태그로 감싸고, type이 submit인 버튼을 클릭했을 때 검색 기능이 이루어지도록 한다(action 속성의 값을 boardSearch.do로 설정).

2) BoardFrontController.java

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardDeleteAction;
import com.hanul.action.BoardDetailAction;
import com.hanul.action.BoardInsertAction;
import com.hanul.action.BoardListAction;
import com.hanul.action.BoardSearchAction;
import com.hanul.action.BoardUpdateAction;
import com.hanul.action.BoardUpdateFormAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());	//실제 요청한 페이지 : /xxx.do
		//System.out.println("uri : " + uri);
		//System.out.println("ctx : " + ctx);
		//System.out.println("command : " + command);
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		} else if(command.equals("/boardInsert.do")) {
			action = new BoardInsertAction();
			forward = action.excute(request, response);
			// 여기서 forward에 null이라는 값이 들어오므로 밑의 코드가 실행이 되지 않는다.
		} else if(command.equals("/boardDetail.do")) {
			action = new BoardDetailAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardDelete.do")) {
			action = new BoardDeleteAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardUpdateForm.do")) {
			action = new BoardUpdateFormAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardUpdate.do")) {
			action = new BoardUpdateAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardSearch.do")) {
			action = new BoardSearchAction();
			forward = action.excute(request, response);
		}
		
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {					// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()
	
}//class

3) BoardSearchAction.java

package com.hanul.action;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardSearchAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
				   HttpServletResponse response)
		throws ServletException, IOException {
		//클라이언트 요청
		request.setCharacterEncoding("utf-8");
		String part = request.getParameter("part");
		String searchData = request.getParameter("searchData");
		
		SearchDTO dto = new SearchDTO();
		dto.setPart(part);
		dto.setSearchData("%" + searchData + "%");
		
		//비즈니스 로직
		BoardDAO dao = new BoardDAO();
		List<BoardDTO> list = dao.boardSearch(dto);
		request.setAttribute("list", list);
		
		//프리젠테이션 로직
		ActionForward forward = new ActionForward();
		forward.setPath("board/boardSearchList.jsp");
		forward.setRedirect(false);
		
		return forward;
	}//excute()
}//class

- 사용자가 검색창에 입력한 글자를 넘길 때 앞 뒤로 %를 덧붙여 넘김으로써 앞 뒤와 상관없이 검색창에 입력한 글자가 (제목, 내용, 작성자에) 포함된 글을 반환하도록 한다.

4) SearchDTO.java

package com.hanul.dto;

import java.io.Serializable;

// 디폴트 생성자, 생성자 메소드 x → VO Class
public class SearchDTO implements Serializable{
	private String part;
	private String searchData;
	
	public String getPart() {
		return part;
	}
	public void setPart(String part) {
		this.part = part;
	}
	public String getSearchData() {
		return searchData;
	}
	public void setSearchData(String searchData) {
		this.searchData = searchData;
	}
	
}//class

5) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
	
	// 글 등록
	public int boardInsert(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용할 경우에는 succ를 return 해야한다.(성공/실패 확인)
		// PrintWriter를 이용한 script 코드를 구현한 후 페이지 전환 처리
		int succ = 0;
		succ = session.insert("boardInsert", dto);
		session.commit();
		session.close();
		
		return succ;
	}//boardInsert()
	
	//글 검색
	public BoardDTO boardDetail(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		BoardDTO dto = null;
		dto = session.selectOne("boardDetail", b_num);
		session.close();
		
		return dto;
	}//boardDetail()
	
	// 조회수 증가
	public void boardCount(String b_num) {
		SqlSession session = sqlMapper.openSession();
		session.update("boardCount", b_num);
		session.commit();
		session.close();
	}//boardCount()
	
	// 글 삭제
	public void boardDelete(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용하지 않을 경우 succ가 필요 없다.
		// ActionForward를 이용한 페이지 전환
		session.delete("boardDelete", b_num);
		session.commit();
		session.close();
		
	}//boardDelete()
	
	//글 수정
	public void boardUpdate(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		session.update("boardUpdate", dto);
		session.commit();
		session.close();
	}//boardUpdate()
	
	//조건 검색
	public List<BoardDTO> boardSearch(SearchDTO dto) {
		SqlSession session = sqlMapper.openSession();
		List<BoardDTO> list = null;
		list = session.selectList("boardSearch", dto);
		session.close();
		
		return list;
	}//boardSearch()
}//class

6) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
	<select id="boardSearchAll" resultType="BoardDTO">
		select * from tblBoard order by b_num desc
	</select>
	
	<insert id="boardInsert" parameterType="BoardDTO">
		insert into tblBoard 
			values(b_num_seq.nextval, 
				   #{b_subject},
				   #{b_pwd},
				   #{b_content},
				   #{b_writer},
				   sysdate,
				   0)
	</insert>
	
	<select id="boardDetail" parameterType="String" resultType="BoardDTO">
		select * from tblBoard where b_num = #{b_num}
	</select>
	
	<update id="boardCount" parameterType="String">
		update tblBoard set b_readcount = b_readcount + 1 where b_num = #{b_num}
	</update>
	
	<delete id="boardDelete" parameterType="String">
		delete from tblBoard where b_num = #{b_num}
	</delete>
	
	<update id="boardUpdate" parameterType="BoardDTO">
		update tblBoard 
			set b_writer = #{b_writer},
				b_subject = #{b_subject},
				b_content = #{b_content},
				b_pwd = #{b_pwd} 
			where b_num = #{b_num}	
	</update>
	
	<select id="boardSearch" parameterType="SearchDTO" resultType="BoardDTO">
		select * from tblBoard where upper(${part}) like upper(#{searchData})
		<!-- #{part} → part에만 접근할 뿐 part안에 있는 value 값이 b_subject, b_content, b_writer인
			요소에는 접근하지 못하기 때문 EL 방식으로 접근해야한다.  -->
	</select>
</mapper>

7) boardSearchList.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
List<BoardDTO> list = (List<BoardDTO>) request.getAttribute("list");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardSearchList</title>
</head>
<body>
	<div align="center">
		<h3>[검색 결과]</h3>
		<table border="1" style="width: 80%">
			<tr>
				 <th>번호</th>
				 <th>제목</th>
				 <th>작성자</th>
				 <th>작성일</th>
				 <th>조회수</th>
			</tr>
			<%
			if (list.size() == 0) {
				out.println("<tr align='center'><td colspan='5'>검색된 글이 없습니다.</td></tr>");
			} else {
				for(int i = 0; i < list.size(); i++) {
					out.println("<tr align='center'>");
					/* out.println("<td> " + list.get(i).getB_num() + "</td>"); */
					out.println("<td> " + (list.size() - i) + "</td>");
					out.println("<td><a href='boardDetail.do?b_num=" + list.get(i).getB_num() + "'>" 
								+ list.get(i).getB_subject() + "</a></td>");
					out.println("<td> " + list.get(i).getB_writer() + "</td>");
					out.println("<td> " + list.get(i).getB_date() + "</td>");
					out.println("<td> " + list.get(i).getB_readcount() + "</td>");
					out.println("</tr>");
				}
			}	
			%>
			<tr align="center">
				<td colspan="5">
					<input type="button" value="글쓰기" onclick="location.href='boardInsertForm.do'" />
					<input type="button" value="목록보기" onclick="location.href='boardList.do'" />
				</td>
			</tr>
		</table>	
	</div>	
</body>
</html>

▲ 제목으로 글 검색하기

▲ 내용으로 글 검색하기

▲ 작성자로 글 검색하기

[JSP] STUDY 24 - 게시판 만들기(MVC2 패턴) (6) : 글 수정하기

PSEveloper — Mon, 21 Dec 2020 21:54:11 +0900

5. 글 수정하기

boardDetail.jsp (상세 페이지) → boardUpdateForm.do →  web.xml →  BoardFrontController.java →

BoardUpdateFormAction.java → BoardDAO.java → boardMapper.xml (수정할 회원정보 DTO 반환) →

BoardDAO.java → BoardUpdateFormAction.java → BoardFrontController.java →  ActionForward.java →

boardUpdateForm.jsp (수정 폼 화면 전환) → boardUpdate.do → web.xml → BoardFrontController.java →

BoardUpdateAction.java → BoardDAO.java → boardMapper.xml (회원 정보 수정) → BoardDAO.java →

BoardUpdateAction.java → BoardFrontController.java → ActionForward.java → boardList.do (글 목록 화면 전환)

1) boardDetail.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
request.setCharacterEncoding("utf-8");
BoardDTO dto = (BoardDTO) request.getAttribute("dto");
pageContext.setAttribute("enter", "\r\n");	
// → JSTL 줄바꿈 처리를 위한 현재 페이지용 객체
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardDetail</title>
<script type="text/javascript">
	function fnDelete(b_pwd) {
		var user_pwd = document.detailForm.user_pwd.value;
		//alert("User Pw : " + user_pwd + "\nDB Pw : " + b_pwd);
		
		if(user_pwd.trim() == "") {		//비밀번호 미입력
			alert("비밀번호를 입력하세요!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else if(user_pwd != b_pwd) {	//비밀번호 불일치
			alert("비밀번호를 잘못 입력되었습니다!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else {	//비밀번호 일치 → confirm 창
			if(confirm("정말 삭제하시겠습니까?")) {
				location.href="boardDelete.do?b_num=" + ${dto.b_num };
			} else {
				document.detailForm.user_pwd.value = "";
				document.detailForm.user_pwd.focus();
			}
		}
	}//fnDelete()
	
	function fnUpdate(b_pwd) {
		var user_pwd = document.detailForm.user_pwd.value;
		
		if(user_pwd.trim() == "") {		//비밀번호 미입력
			alert("비밀번호를 입력하세요!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else if(user_pwd != b_pwd) {	//비밀번호 불일치
			alert("비밀번호를 잘못 입력되었습니다!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else {	//비밀번호 일치 → confirm 창
			location.href="boardUpdateForm.do?b_num=" + ${dto.b_num };
		}	
	}//fnUpdate()
	
</script>
</head>
<body>
	<div align="center">
		<h3>[글 상세보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				<th>작성자</th>
				<td align="center">${dto.b_writer }</td>
				<th>조회수</th>
				<td align="center">${dto.b_readcount }</td> 
			</tr>
			<tr>
				<th>제목</th>
				<td colspan="3">${dto.b_subject }</td>
			</tr>
			<tr>
				<th>내용</th>
				<%-- <td colspan="3">${dto.b_content }</td><!-- 줄바꿈 처리 문제 --> --%>
				<td colspan="3">
					<%-- dto.getB_content().replace("\r\n", "<br/>") --%>
					${fn:replace(dto.b_content, enter, "<br/>") }
				</td>
			</tr>
			<tr align="center">
				<th>비밀번호</th>
				<td colspan="3">
					<!-- script에서 user_pwd에 접근하기 위한 폼 -->
					<form name="detailForm" onsubmit="return false;">
					<!-- onsubmit="return false;" → enter키를 눌러도 submit이 안되게 하기 위해 -->
						<input type="password" name="user_pwd" />
						<input type="button" value="삭제" onclick="fnDelete('${dto.b_pwd}');" />
						<input type="button" value="수정" onclick="fnUpdate('${dto.b_pwd}');" />
						<input type="button" value="목록보기" onclick="location.href='boardList.do'" />
					</form>	
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

- 수정할 때는 확인 절차로 비밀번호를 입력받게 한다. 즉, script를 통해 입력한 비밀번호화 DB의 비밀번호가 일치하는 지 확인하는 조건식을 작성한다. (그 전에 먼저 공백을 제출했을 때도 넘어가지 않게 하기 위해 trim() 함수를 써서 조건식에 추가한다.)

- 비밀번호가 일치하면 boardDelete.do로 경로로 설정하고 b_num의 값도 같이 넘어가게 한다.

2) BoardFrontController.java (Servlet)

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardDeleteAction;
import com.hanul.action.BoardDetailAction;
import com.hanul.action.BoardInsertAction;
import com.hanul.action.BoardListAction;
import com.hanul.action.BoardSearchAction;
import com.hanul.action.BoardUpdateAction;
import com.hanul.action.BoardUpdateFormAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
						   HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());	//실제 요청한 페이지 : /xxx.do
		//System.out.println("uri : " + uri);
		//System.out.println("ctx : " + ctx);
		//System.out.println("command : " + command);
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		} else if(command.equals("/boardInsert.do")) {
			action = new BoardInsertAction();
			forward = action.excute(request, response);
			// 여기서 forward에 null이라는 값이 들어오므로 밑의 코드가 실행이 되지 않는다.
		} else if(command.equals("/boardDetail.do")) {
			action = new BoardDetailAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardDelete.do")) {
			action = new BoardDeleteAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardUpdateForm.do")) {
			action = new BoardUpdateFormAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardUpdate.do")) {
			action = new BoardUpdateAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardSearch.do")) {
			action = new BoardSearchAction();
			forward = action.excute(request, response);
		}
		
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {					// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()
}//class

3) BoardUpdateFormAction.java

package com.hanul.action;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;

public class BoardUpdateFormAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
								HttpServletResponse response)
		throws ServletException, IOException {
		//클라이언트 요청
		String b_num = request.getParameter("b_num");
		
		//비즈니스 로직
		BoardDAO dao = new BoardDAO();
		BoardDTO dto = dao.boardDetail(b_num);
		request.setAttribute("dto", dto);
		
		//프리젠테이션 로직(페이지 전환)
		ActionForward forward = new ActionForward();
		forward.setPath("board/boardUpdateForm.jsp");
		forward.setRedirect(false);
		
		return forward;
	}//excute()

}//class

- dao.boardDetail 메소드를 실행하여 수정할 글 정보 DTO를 받아오고, ActionForward의 setPath() 메소드로 바로 boardUpdateForm.jsp로 넘어가게끔 한다(페이지 전환 시 DTO까지 넘겨준다).

4) boardUpdateForm.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
BoardDTO dto = (BoardDTO) request.getAttribute("dto");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardUpdateForm</title>
<script type="text/javascript">
	function fnSubmit() {
		if (confirm("정말 수정하시겠습니까?")) {
			return true;
		} else {
			return false
		}
		
	}//fnSubmit()
	
	function fnReset() {
		if (confirm("정말 초기화하시겠습니까?")) {
			return true;
		} else {
			return false
		}
	}//fnReset()
</script>
</head>
<body>
	<div align="center">
		<h3>[글 수정하기]</h3>
		<form action="boardUpdate.do" method="post" onsubmit="return fnSubmit();" onreset="return fnReset();">
		<input type="hidden" name="b_num" value="${dto.b_num }" />
			<table border="1" style="width: 80%">
				<tr>
					<th>작성자</th>
					<td><input type="text" name="b_writer" value="${dto.b_writer }" /></td>
				</tr>
				<tr>
					<th>제목</th>
					<td><input type="text" name="b_subject" value="${dto.b_subject }" /></td>
				</tr>
				<tr>
					<th>내용</th>
					<td>
						<textarea rows="10" cols="50" name="b_content">${dto.b_content }</textarea>
					</td>
				</tr>
				<tr>
					<th>수정할 비밀번호</th>
					<td>
						<input type="password" name="b_pwd" value="${dto.b_pwd }" />
						<input type="submit" value="수정하기" />
						<input type="reset" value="초기화하기" />
						<input type="button" value="목록보기" onclick="location.href='boardList.do'" />
					</td>
				</tr>
				
			</table>
		</form>
	</div>
</body>
</html>

▲ boardDetail.jsp → boardUpdateForm.jsp

- 수정하기 버튼을 누르면 script를 통해 다시 한번 수정여부를 확인하는 alert창이 실행된다.

- alert창의 확인 버튼을 누르면 url이 boardUpdate.do로 바뀌면서 BoardController를 통해 BoardUpdateAction.java로 넘어간다.

5) BoardUpdateAction.java

package com.hanul.action;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;

public class BoardUpdateAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
								HttpServletResponse response)
		throws ServletException, IOException {
		//클라이언트의 요청
		request.setCharacterEncoding("utf-8");
		BoardDTO dto = new BoardDTO();
		dto.setB_num(Integer.parseInt(request.getParameter("b_num")));
		dto.setB_writer(request.getParameter("b_writer"));
		dto.setB_subject(request.getParameter("b_subject"));
		dto.setB_content(request.getParameter("b_content"));
		dto.setB_pwd(request.getParameter("b_pwd"));
		
		//비즈니스 로직
		BoardDAO dao = new BoardDAO();
		dao.boardUpdate(dto);
		
		//프리젠테이션 로직
		ActionForward forward = new ActionForward();
		forward.setPath("boardList.do");
		forward.setRedirect(true);
		
		return forward;
	}//excute()
}

- dao.boardUpdate() 메소드를 실행하고(글 정보를 수정하고), ActionForward의 setPath() 메소드로 바로 boardList.jsp로 넘어가게끔 한다.

6) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
	
	// 글 등록
	public int boardInsert(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용할 경우에는 succ를 return 해야한다.(성공/실패 확인)
		// PrintWriter를 이용한 script 코드를 구현한 후 페이지 전환 처리
		int succ = 0;
		succ = session.insert("boardInsert", dto);
		session.commit();
		session.close();
		
		return succ;
	}//boardInsert()
	
	//글 검색
	public BoardDTO boardDetail(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		BoardDTO dto = null;
		dto = session.selectOne("boardDetail", b_num);
		session.close();
		
		return dto;
	}//boardDetail()
	
	// 조회수 증가
	public void boardCount(String b_num) {
		SqlSession session = sqlMapper.openSession();
		session.update("boardCount", b_num);
		session.commit();
		session.close();
	}//boardCount()
	
	// 글 삭제
	public void boardDelete(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용하지 않을 경우 succ가 필요 없다.
		// ActionForward를 이용한 페이지 전환
		session.delete("boardDelete", b_num);
		session.commit();
		session.close();
		
	}//boardDelete()
	
	//글 수정
	public void boardUpdate(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		session.update("boardUpdate", dto);
		session.commit();
		session.close();
	}//boardUpdate()

}//class

7) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
	<select id="boardSearchAll" resultType="BoardDTO">
		select * from tblBoard order by b_num desc
	</select>
	
	<insert id="boardInsert" parameterType="BoardDTO">
		insert into tblBoard 
			values(b_num_seq.nextval, 
				   #{b_subject},
				   #{b_pwd},
				   #{b_content},
				   #{b_writer},
				   sysdate,
				   0)
	</insert>
	
	<select id="boardDetail" parameterType="String" resultType="BoardDTO">
		select * from tblBoard where b_num = #{b_num}
	</select>
	
	<update id="boardCount" parameterType="String">
		update tblBoard set b_readcount = b_readcount + 1 where b_num = #{b_num}
	</update>
	
	<delete id="boardDelete" parameterType="String">
		delete from tblBoard where b_num = #{b_num}
	</delete>
	
	<update id="boardUpdate" parameterType="BoardDTO">
		update tblBoard 
			set b_writer = #{b_writer},
				b_subject = #{b_subject},
				b_content = #{b_content},
				b_pwd = #{b_pwd} 
			where b_num = #{b_num}	
	</update>
</mapper>

- 위와 같이 수정한 [글 상세 보기] 페이지에 들어가면 글 정보가 수정된 것을 확인할 수 있다.

[JSP] STUDY 23 - 게시판 만들기(MVC2 패턴) (5) : 글 삭제하기

PSEveloper — Sun, 20 Dec 2020 23:25:22 +0900

5. 글 삭제하기

boardDetail.jsp → boardDelete.do(*.do) → web.xml → BoardFrontController.java(Servlet)

→ BoardDeleteAction.java → BoardDAO.java → boardMapper.xml → BoardDAO.java

→ BoardDeleteAction.java → BoardFrontController.java → ActionForward.java

→ boardList.do

1) boardDetail.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
request.setCharacterEncoding("utf-8");
BoardDTO dto = (BoardDTO) request.getAttribute("dto");
pageContext.setAttribute("enter", "\r\n");	
// → JSTL 줄바꿈 처리를 위한 현재 페이지용 객체
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardDetail</title>
<script type="text/javascript">
	function fnDelete(b_pwd) {
		var user_pwd = document.detailForm.user_pwd.value;
		//alert("User Pw : " + user_pwd + "\nDB Pw : " + b_pwd);
		
		if(user_pwd.trim() == "") {		//비밀번호 미입력
			alert("비밀번호를 입력하세요!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else if(user_pwd != b_pwd) {	//비밀번호 불일치
			alert("비밀번호를 잘못 입력되었습니다!");
			document.detailForm.user_pwd.value = "";
			document.detailForm.user_pwd.focus();
		} else {	//비밀번호 일치 → confirm 창
			if(confirm("정말 삭제하시겠습니까?")) {
				location.href="boardDelete.do?b_num=" + ${dto.b_num };
			} else {
				document.detailForm.user_pwd.value = "";
				document.detailForm.user_pwd.focus();
			}
		}
	}//fnDelete()

</script>
</head>
<body>
	<div align="center">
		<h3>[글 상세보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				<th>작성자</th>
				<td align="center">${dto.b_writer }</td>
				<th>조회수</th>
				<td align="center">${dto.b_readcount }</td> 
			</tr>
			<tr>
				<th>제목</th>
				<td colspan="3">${dto.b_subject }</td>
			</tr>
			<tr>
				<th>내용</th>
				<%-- <td colspan="3">${dto.b_content }</td><!-- 줄바꿈 처리 문제 --> --%>
				<td colspan="3">
					<%-- dto.getB_content().replace("\r\n", "<br/>") --%>
					${fn:replace(dto.b_content, enter, "<br/>") }
				</td>
			</tr>
			<tr align="center">
				<th>비밀번호</th>
				<td colspan="3">
					<!-- script에서 user_pwd에 접근하기 위한 폼 -->
					<form name="detailForm" onsubmit="return false;">
					<!-- onsubmit="return false;" → enter키를 눌러도 
                    				submit이 안되게 하기 위해 -->
						<input type="password" name="user_pwd" />
						<input type="button" value="삭제" 
                        				onclick="fnDelete('${dto.b_pwd}');" />
						<input type="button" value="목록보기" 
                        				onclick="location.href='boardList.do'" />
					</form>	
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

- 삭제할 때는 확인 절차로 비밀번호를 입력받게 한다. 즉, script를 통해 입력한 비밀번호화 DB의 비밀번호가 일치하는 지 확인하는 조건식을 작성한다. (그 전에 먼저 공백을 제출했을 때도 넘어가지 않게 하기 위해 trim() 함수를 써서 조건식에 추가한다.)

- 비밀번호가 일치하면 boardDelete.do로 경로로 설정하고 b_num의 값도 같이 넘어가게 한다.

2) BoardFrontController.java (Servlet)

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardDeleteAction;
import com.hanul.action.BoardDetailAction;
import com.hanul.action.BoardInsertAction;
import com.hanul.action.BoardListAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
		throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());	//실제 요청한 페이지 : /xxx.do
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		} else if(command.equals("/boardInsert.do")) {
			action = new BoardInsertAction();
			forward = action.excute(request, response);
			// 여기서 forward에 null이라는 값이 들어오므로 밑의 코드가 실행이 되지 않는다.
		} else if(command.equals("/boardDetail.do")) {
			action = new BoardDetailAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardDelete.do")) {
			action = new BoardDeleteAction();
			forward = action.excute(request, response);
		}
        
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {				// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()	
}//class

3) BoardDeleteAction.java

package com.hanul.action;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;

public class BoardDeleteAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
				   HttpServletResponse response)
		throws ServletException, IOException {
		String b_num = request.getParameter("b_num");
		
		//비즈니스 로직
		BoardDAO dao = new BoardDAO();
		dao.boardDelete(b_num);
		
		//프리젠테이션 로직(페이지 전환)
		ActionForward forward = new ActionForward();
		forward.setPath("boardList.do");
		forward.setRedirect(true);	//true : sendRedirect() ▶  url 변경
		
		return forward;
	}//excute()
}//class

- dao.boardDelete() 메소드를 실행한 후(해당 글을 삭제한 후), ActionForward의 setPath() 메소드로 바로 boardList.jsp로 넘어가게끔 한다.

4) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
	
	// 글 등록
	public int boardInsert(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용할 경우에는 succ를 return 해야한다.(성공/실패 확인)
		// PrintWriter를 이용한 script 코드를 구현한 후 페이지 전환 처리
		int succ = 0;
		succ = session.insert("boardInsert", dto);
		session.commit();
		session.close();
		
		return succ;
	}//boardInsert()
	
	//글 검색
	public BoardDTO boardDetail(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		BoardDTO dto = null;
		dto = session.selectOne("boardDetail", b_num);
		session.close();
		
		return dto;
	}//boardDetail()
	
	// 조회수 증가
	public void boardCount(String b_num) {
		SqlSession session = sqlMapper.openSession();
		session.update("boardCount", b_num);
		session.commit();
		session.close();
	}//boardCount()
	
	// 글 삭제
	public void boardDelete(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용하지 않을 경우 succ가 필요 없다.
		// ActionForward를 이용한 페이지 전환
		session.delete("boardDelete", b_num);
		session.commit();
		session.close();
		
	}//boardDelete()

}//class

- DAO에서 boardDelete() 메소드는 Sqlsession으로 넘어가게 한다.

(아이디가 boardDelete이고 입력값의 타입이 String인 delete 태그로 이동)

5) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
	<select id="boardSearchAll" resultType="BoardDTO">
		select * from tblBoard order by b_num desc
	</select>
	
	<insert id="boardInsert" parameterType="BoardDTO">
		insert into tblBoard 
			values(b_num_seq.nextval, 
				   #{b_subject},
				   #{b_pwd},
				   #{b_content},
				   #{b_writer},
				   sysdate,
				   0)
	</insert>
	
	<select id="boardDetail" parameterType="String" resultType="BoardDTO">
		select * from tblBoard where b_num = #{b_num}
	</select>
	
	<update id="boardCount" parameterType="String">
		update tblBoard set b_readcount = b_readcount + 1 where b_num = #{b_num}
	</update>
	
	<delete id="boardDelete" parameterType="String">
		delete from tblBoard where b_num = #{b_num}
	</delete>
</mapper>

- 위와 같이 비밀번호가 일치하면 해당 글이 삭제됨을 [전체 목록 보기] 페이지(boardList.jsp)에서 확인할 수 있다.

[JSP] STUDY 22 - 게시판 만들기(MVC2 패턴) (4) : 글 상세보기

PSEveloper — Sun, 20 Dec 2020 23:24:38 +0900

3. 글 상세보기 + 조회수 증가

boardList.jsp → boardDetail.do(*.do) → web.xml → BoardFrontController.java(Servlet)

→ BoardDetailAction.java → BoardDAO.java → boardMapper.xml → BoardDAO.java(내용보기)

→ BoardDetailAction.java → BoardDAO.java → boardMapper.xml

→ BoardDAO.java(조회수증가) → BoardDetailAction.java → BoardFrontController.java

→ ActionForward.java → boardDetail.jsp

1) boardList.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("utf-8");
List<BoardDTO> list = (List<BoardDTO>) request.getAttribute("list");

%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardList</title>
</head>
<body>
	<div align="center">
		<h3>[게시판 전체목록 보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				 <th>번호</th>
				 <th>제목</th>
				 <th>작성자</th>
				 <th>작성일</th>
				 <th>조회수</th>
			</tr>
			<c:if test="${empty list} ">
				<tr align="center">
					<td colspan="5">작성된 글이 없습니다.</td>
				</tr>
			</c:if>
			
			<%
			if(list.size() == 0) {
				out.println("<tr align='center'><td colspan='5'>" + 
							"작성된 글이 없습니다.</td></tr>");
			} else {
				for(int i = 0; i < list.size(); i++) {
					out.println("<tr align='center'>");
					/* out.println("<td> " + list.get(i).getB_num() + "</td>"); */
					out.println("<td> " + (list.size() - i) + "</td>");
					out.println("<td><a href='boardDetail.do?b_num=" 
								+ list.get(i).getB_num() + "'>" 
								+ list.get(i).getB_subject() + "</a></td>");
					out.println("<td> " + list.get(i).getB_writer() + "</td>");
					out.println("<td> " + list.get(i).getB_date() + "</td>");
					out.println("<td> " + list.get(i).getB_readcount() + "</td>");
					out.println("</tr>");
				}//for
			}//if-else				
			%>
			
			<tr align="center">
				<td colspan="5">
					<input type="button" value="글쓰기" 
							onclick="location.href='boardInsertForm.do'" />
				</td>
			</tr>
		</table>
	</div>

</body>
</html>

- 글 제목에 a 태그를 달고 href속성에 값을 boardDetail.do로 주고 b_num값까지 같이 가져가게 한다.

2) BoardFrontController.java (Servlet)

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardDetailAction;
import com.hanul.action.BoardInsertAction;
import com.hanul.action.BoardListAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());		//실제 요청한 페이지 : /xxx.do
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		} else if(command.equals("/boardInsert.do")) {
			action = new BoardInsertAction();
			forward = action.excute(request, response);
			// 여기서 forward에 null이라는 값이 들어오므로 밑의 코드가 실행이 되지 않는다.
		} else if(command.equals("/boardDetail.do")) {
			action = new BoardDetailAction();
			forward = action.excute(request, response);
		}
        
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {				// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()	
}//class

3) BoardDetailAction.java

package com.hanul.action;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;

public class BoardDetailAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
					HttpServletResponse response)
		throws ServletException, IOException {
		// 클라이언트의 요청을 받는다.
		String b_num = request.getParameter("b_num");
		
		// 비즈니스 로직 : 글 검색
		BoardDAO dao = new BoardDAO();
		
		dao.boardCount(b_num); 	//조회수 증가
		// → 조회수를 증가시킨 다음에 글 검색을 해야 변경된 조회수를 조회할 수 있다.
		// → [글 상세보기] 페이지에도 올라간 조회수를 보여주기 위해
		
		BoardDTO dto = dao.boardDetail(b_num);		//글 검색
		request.setAttribute("dto", dto);
		
		// 프리젠테이션 로직
		ActionForward forward = new ActionForward();
		forward.setPath("board/boardDetail.jsp");
		forward.setRedirect(false);
		
		return forward;
	}//excute()	
}//class

- 조회수를 증가하게 해주는 boardCount() 메소드는 순서가 중요하다.

- 만약 dao.boardDetail() 메소드 다음에 dao.boardCount() 메소드가 나온다면, 해당 글을 클릭했을 때 [글 상세보기] 페이지에서는 조회수가 증가하지 않고 [전체 목록보기] 페이지에서만 증가된 조회수가 출력된다.

- 즉, boardCount()는 boardDetail() 보다 먼저 호출되어야 한다.

4) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
	
	// 글 등록
	public int boardInsert(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용할 경우에는 succ를 return 해야한다.(성공/실패 확인)
		// PrintWriter를 이용한 script 코드를 구현한 후 페이지 전환 처리
		int succ = 0;
		succ = session.insert("boardInsert", dto);
		session.commit();
		session.close();
		
		return succ;
	}//boardInsert()
	
	//글 검색
	public BoardDTO boardDetail(String b_num) {
		SqlSession session = sqlMapper.openSession();
		
		BoardDTO dto = null;
		dto = session.selectOne("boardDetail", b_num);
		session.close();
		
		return dto;
	}//boardDetail()
	
	// 조회수 증가
	public void boardCount(String b_num) {
		SqlSession session = sqlMapper.openSession();
		session.update("boardCount", b_num);
		session.commit();
		session.close();
	}//boardCount()
}//class

- DAO에서 boardDetail() 메소드와 boardCount() 메소드는 는 Sqlsession으로 넘어간다.

(아이디가 boardDetail이고 입력값의 타입이 String, 결과값의 타입이 DTO인 select 태그로 이동)

(아이디가 boardCount이고 입력값의 타입이 String인 update 태그로 이동)

5) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
	<select id="boardSearchAll" resultType="BoardDTO">
		select * from tblBoard order by b_num desc
	</select>
	
	<insert id="boardInsert" parameterType="BoardDTO">
		insert into tblBoard 
			values(b_num_seq.nextval, 
				   #{b_subject},
				   #{b_pwd},
				   #{b_content},
				   #{b_writer},
				   sysdate,
				   0)
	</insert>
	
	<select id="boardDetail" parameterType="String" resultType="BoardDTO">
		select * from tblBoard where b_num = #{b_num}
	</select>
	
	<update id="boardCount" parameterType="String">
		update tblBoard set b_readcount = b_readcount + 1 where b_num = #{b_num}
	</update>

</mapper>

6) boardDetail.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
request.setCharacterEncoding("utf-8");
BoardDTO dto = (BoardDTO) request.getAttribute("dto");
pageContext.setAttribute("enter", "\r\n");	
// → JSTL 줄바꿈 처리를 위한 현재 페이지용 객체
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardDetail</title>
</head>
<body>
	<div align="center">
		<h3>[글 상세보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				<th>작성자</th>
				<td align="center">${dto.b_writer }</td>
				<th>조회수</th>
				<td align="center">${dto.b_readcount }</td> 
			</tr>
			<tr>
				<th>제목</th>
				<td colspan="3">${dto.b_subject }</td>
			</tr>
			<tr>
				<th>내용</th>
				<%-- <td colspan="3">${dto.b_content }</td><!-- 줄바꿈 처리 문제 --> --%>
				<td colspan="3">
					<%-- dto.getB_content().replace("\r\n", "<br/>") --%>
					${fn:replace(dto.b_content, enter, "<br/>") }
				</td>
			</tr>
			<tr align="center">
				<th>비밀번호</th>
				<td colspan="3">
					<input type="button" value="목록보기" 
                    				onclick="location.href='boardList.do'" />
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

- 만약 내용 부분을 <td><td colspan="3">${dto.b_content }</td>로 작성한다면 등록했을 때 줄바꿈 한 것이 제대로 출력되지 않는다 (아래 사진 참고).

- 그러나 JSTL 태그를 이용하여 출력하면

- 이렇게 입력했을 때 줄바꿈한 그대로 출력된다.

- 그리고 이와 같이 [글 상세보기] 페이지와 [게시판 전체목록 보기] 페이지 둘 다 조회수가 올라간 상태로 출력됨을 알 수 있다.

[JSP] STUDY 21 - 게시판 만들기(MVC2 패턴) (3) : 글 쓰기

PSEveloper — Sun, 20 Dec 2020 23:22:57 +0900

2. 글에 대한 정보 입력 후 출력하기

boardList.jsp → boardInsertForm.do(*.do) → web.xml → BoardFrontController.java(Servlet)

→ boardInsertForm.jsp(입력화면) → boardInsert.do(*.do) → web.xml

→BoardFrontController.java(Servlet) → BoardInsertAction.java → BoardDAO.java

→ boardMapper.xml → BoardDAO.java → BoardInsertAction.java

→ BoardFrontController.java → ActionForward.java → boardList.do

1) boardList.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("utf-8");
List<BoardDTO> list = (List<BoardDTO>) request.getAttribute("list");

%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardList</title>
</head>
<body>
	<div align="center">
		<h3>[게시판 전체목록 보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				 <th>번호</th>
				 <th>제목</th>
				 <th>작성자</th>
				 <th>작성일</th>
				 <th>조회수</th>
			</tr>
			<c:if test="${empty list} ">
				<tr align="center">
					<td colspan="5">작성된 글이 없습니다.</td>
				</tr>
			</c:if>
			
			<%
			if(list.size() == 0) {
				out.println("<tr align='center'><td colspan='5'>작성된 글이 없습니다.</td></tr>");
			} else {
				for(int i = 0; i < list.size(); i++) {
					out.println("<tr align='center'>");
					/* out.println("<td> " + list.get(i).getB_num() + "</td>"); */
					out.println("<td> " + (list.size() - i) + "</td>");
					out.println("<td>" + list.get(i).getB_subject() + "</td>");
					out.println("<td> " + list.get(i).getB_writer() + "</td>");
					out.println("<td> " + list.get(i).getB_date() + "</td>");
					out.println("<td> " + list.get(i).getB_readcount() + "</td>");
					out.println("</tr>");
				}//for
			}//if-else				
			%>
			
			<tr align="center">
				<td colspan="5">
					<input type="button" value="글쓰기" 
                    				onclick="location.href='boardInsertForm.do'" />
				</td>
			</tr>
		</table>
	</div>

</body>
</html>

- 테이블 하단에 글쓰기 버튼을 추가한 후 태그안에 onclick 속성을 통해 boardInsertForm.do라는 경로로 값을 설정한다. (.do이므로 BoardFrontController로 연결된다.)

2) BoardFrontController.java (Servlet)

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardListAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());		//실제 요청한 페이지 : /xxx.do
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		}
		
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {				// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()
}//class

- boardInsertForm.jsp는 글 쓸 정보를 입력받는 글쓰기 입력 화면 역할을 한다.

- 그러므로 따로 Action~ 객체를 만들지 않고 바로 ActionForward의 setPath 메소드를 통해 boardInsertForm.jsp로 바로 넘어가게 한다.

3) boardInsertForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardInsertForm</title>
<script type="text/javascript">
	function fnLoad() {
		document.regForm.b_writer.focus();
	}
	
	function fnSubmit() {
		if(confirm("작성하신 글을 등록하시겠습니까?")) {
			return true;
		}
		return false;
	}
	
	function fnReset() {
		if (confirm("입력하신 내용이 초기화 됩니다.\n진행하시겠습니까?")) {
			fnLoad();
			return true;
		}
		return false;
	}
</script>
</head>
<body onload="fnLoad();">
	<div align="center">
		<h3>[게시판 글쓰기]</h3>
		<form action="boardInsert.do" method="post" name="regForm" 
        		onsubmit="return fnSubmit();" onreset="return fnReset();">
			<table border="1" style="width: 80%">
				<tr>
					<th>작성자</th>
					<td>
						<input type="text" name="b_writer" maxlength="20" 
                        				required="required" />
					</td>
				</tr>
				<tr>
					<th>제목</th>
					<td>
						<input type="text" name="b_subject" maxlength="50" 
                        				required="required" />
					</td>
				</tr>
				<tr>
					<th>내용</th>
					<td>
						<textarea rows="10" cols="50" name="b_content" 
                        				required="required"></textarea>
					</td>
				</tr>
				<tr>
					<th>비밀번호</th>
					<td>
						<input type="password" name="b_pwd" maxlength="20" 
                        				required="required" />
					</td>
				</tr>
				<tr align="center">
					<td colspan="2">
						<input type="submit" value="등록하기" >
						<input type="reset" value="내용 지우기">
						<input type="button" value="목록보기" 
                        				onclick="location.href='boardList.do'">
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>

- 글쓰기 버튼을 누르면 아래와 같은 화면(boardInsertForm.jsp)으로 넘어가게 된다.

- 일단 type속성이 reset인 input태그로 작성된 '내용 지우기' 버튼을 클릭하면 작성한 내용이 다 지워지고 첫번째 input 태그에 focus를 주는 기능을 script를 통해 구현하였다.

- 또 type속성이 submit인 input태그로 작성된 '등록하기' 버튼을 클릭하면 confirm창을 띄운 후(script), boardInsert.do(action 속성)로 넘어가게끔 설정했다.

4) BoardFrontController.java (Servlet)

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardInsertAction;
import com.hanul.action.BoardListAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());		//실제 요청한 페이지 : /xxx.do
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} else if(command.equals("/boardInsertForm.do")) {	//글쓰기 폼으로 화면 전환
			forward = new ActionForward();
			forward.setPath("board/boardInsertForm.jsp");
			forward.setRedirect(false);
			// 가져갈 게 없으므로 sendRedirect로 하면 되지만
			// url이 바뀌지 않아야 하므로 forward방식으로 전달
		} else if(command.equals("/boardInsert.do")) {
			action = new BoardInsertAction();
			forward = action.excute(request, response);
			// 여기서 forward에 null이라는 값이 들어오므로 밑의 코드가 실행이 되지 않는다.
		}
		
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {				// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()	
}//class

5) BoardInsertAction.java

package com.hanul.action;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;

public class BoardInsertAction implements Action{

	@Override
	public ActionForward excute(HttpServletRequest request, 
				   HttpServletResponse response)
		throws ServletException, IOException {
		//클라이언트의 요청을 받는다 : 매개변수의 정보를 가져온다  ▶   DTO 묶어준다
		request.setCharacterEncoding("utf-8");
		
		String b_writer = request.getParameter("b_writer");
		String b_subject = request.getParameter("b_subject");
		String b_content = request.getParameter("b_content");
		String b_pwd = request.getParameter("b_pwd");
		
		/*
		BoardDTO dto = new BoardDTO();
		dto.setB_writer(b_writer);
		dto.setB_subject(b_subject);
		dto.setB_content(b_content);
		dto.setB_pwd(b_pwd);
		*/
		
		BoardDTO dto = new BoardDTO(b_subject, b_pwd, b_content, b_writer);
		// → 생성자 메소드 오버로딩을 통해 값 전달
		
		//비즈니스 로직 : DAO 연동(DB 접속, SQL 쿼리 수행)
		BoardDAO dao = new BoardDAO();
		int succ = dao.boardInsert(dto);
		
		// 프리젠테이션 로직 : alert창 사용  ▶  PrintWriter를 이용한 script 코드를 구현
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();
		if (succ > 0) {
			out.println("<script>alert('등록완료!');");
			out.println("location.href='boardList.do';</script>");
		} else {
			out.println("<script>alert('등록실패!');");
			out.println("location.href='boardList.do';</script>");			
		}
		
		//위의 코드에서 페이지 전환이 이루어지므로 , 
		//ActionForward가 필요하지 x  → null을 리턴한다.
		return null;
	}//excute()
	
}//class

- boardInsertForm.jsp에서 입력받은 값을 request.getParameter() 메소드로 받아와 DTO에 저장한다.

- 또 아래의 DAO의 boardInsert 메소드를 통해 sql 문장을 실행하고 데이터 입력이 성공하면 alert 창을 띄우고 boardList.jsp로 넘어가게 한다.

6) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;
import com.hanul.dto.SearchDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
	
	// 글 등록
	public int boardInsert(BoardDTO dto) {
		SqlSession session = sqlMapper.openSession();
		
		// alert 창을 사용할 경우에는 succ를 return 해야한다.(성공/실패 확인)
		// PrintWriter를 이용한 script 코드를 구현한 후 페이지 전환 처리
		int succ = 0;
		succ = session.insert("boardInsert", dto);
		session.commit();
		session.close();
		
		return succ;
	}//boardInsert()
}//class

- DAO에서 boardInsert() 메소드는 Sqlsession으로 넘어간다. (아이디가 boardInsert이고 입력값의 타입이 dto인 insert 태그로 이동)

7) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
	<select id="boardSearchAll" resultType="BoardDTO">
		select * from tblBoard order by b_num desc
	</select>
	
	<insert id="boardInsert" parameterType="BoardDTO">
		insert into tblBoard 
			values(b_num_seq.nextval, 
				   #{b_subject},
				   #{b_pwd},
				   #{b_content},
				   #{b_writer},
				   sysdate,
				   0)
	</insert>
</mapper>

- 위와 같이 전체 목록 보기 페이지(boardList.jsp)에 입력한 데이터가 업로드된 것을 알 수 있다.

[JSP] STUDY 20 - 게시판 만들기(MVC2 패턴) (2) : 전체 목록 보기

PSEveloper — Sun, 20 Dec 2020 23:22:03 +0900

1. 전체 목록 보기(데이터 베이스 연결)

BoardMain.html → boardList.do(*.do) → web.xml → BoardFrontController.java(Servlet)

→ BoardListAction.java → BoardDAO.java → boardMapper.xml → BoardDAO.java

→ BoardListAction.java → BoardFrontController.java → ActionForward.java

→ boardList.jsp

1) Action.java, ActionForward.java

// Action.java : Servlet 역할을 수행하는 파일들의 공통적인 코드의 집합
package com.hanul.action;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public interface Action {
	public abstract ActionForward excute(HttpServletRequest request, 
					     HttpServletResponse response) 
			throws ServletException, IOException;
	// 접근제어자 protected : 같은 패키지 안에 있는 파일안에서만 접근 가능
	// abstract : 추상 메소드(구현부는 없고 선언부만 작성, 
	//			해당 class를 상속받으면 무조건 오버라이드 해야하는 메소드)	
}

//페이지 전환(프리젠테이션 로직 수행)을 수행하는 클래스
package com.hanul.action;

public class ActionForward {
	private String path;			//View Page(*.jsp)의 경로와 파일명
	private boolean isRedirect;		//페이지 전환 방식  ▶   true : redirect() 방식 
	//								false : forward() 방식
	
	public String getPath() {
		return path;
	}
	public void setPath(String path) {
		this.path = path;
	}
	public boolean isRedirect() {
		return isRedirect;
	}
	public void setRedirect(boolean isRedirect) {
		this.isRedirect = isRedirect;
	}	
}//class

2) BoardMain.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Board Main</title>
</head>
<body>
	<script type="text/javascript">
		location.href = "boardList.do";
	</script>
</body>
</html>

- BoardMain.html가 실행하자마자 boardList.do로 연결한다.

3) web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
		 xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
		 xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
		 			http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" 
		 id="WebApp_ID" version="3.1">
  <display-name>06.MyBatisBoard</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
  	<display-name>BoardFrontController</display-name>
  	<servlet-name>BoardFrontController</servlet-name>
  	<servlet-class>com.hanul.controller.BoardFrontController</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>BoardFrontController</servlet-name>
  	<url-pattern>*.do</url-pattern>
  </servlet-mapping>
</web-app>

- web.xml 파일을 통해 BoardFrontController를 Servlet을 등록하고, .do로 끝나는 모든 경로를 BoardFrontController.java로 연결하게끔 설정한다.

4) BoardFrontController.java

package com.hanul.controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.action.Action;
import com.hanul.action.ActionForward;
import com.hanul.action.BoardListAction;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
				HttpServletResponse response) 
		throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();		//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();		//Context root 값 : /mbb
		String command = uri.substring(ctx.length());	//실제 요청한 페이지 : /xxx.do
		//System.out.println("uri : " + uri);
		//System.out.println("ctx : " + ctx);
		//System.out.println("command : " + command);
		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		Action action = null;
		ActionForward forward = null;
		
		if (command.equals("/boardList.do")) {
			action = new BoardListAction();
			forward = action.excute(request, response);
		} 
        
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		if (forward != null) {
			if (forward.isRedirect()) {		//true : sendRedirect() 페이지 전환
				response.sendRedirect(forward.getPath());
			} else {				// false : forward() 페이지 전환
				RequestDispatcher rd = request.getRequestDispatcher(forward.getPath());
				rd.forward(request, response);
			}
		}
		
	}//service()
}//class

5) BoardListAction.java

package com.hanul.action;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanul.dao.BoardDAO;
import com.hanul.dto.BoardDTO;

public class BoardListAction implements Action{
	// interface를 상속받음으로써 Controller 역할을 대신
	@Override
	public ActionForward excute(HttpServletRequest request, 
								HttpServletResponse response)
		throws ServletException, IOException {
		// 게시판 테이블의 전체 목록을 가져오는 작업을 수행 : 비즈니스 로직
		BoardDAO dao = new BoardDAO();
		
		List<BoardDTO> list = dao.boardSearchAll();
		request.setAttribute("list", list);
		// → dao의 boardSearchAll() 메소드에서 생성한 
		//  무한 배열 list를 boardList.jsp로 넘기기 위해
		
		//BoardListAction 작업을 마무리 했다  → 프리젠테이션 로직(페이지 전환) 
		// : ActionForward.java : path, isRedirect
		// ① View Page(path) : board/boardList.jsp
		// ② 페이지 전환방식(isRedirect) : forward()
		ActionForward forward = new ActionForward();
		forward.setPath("board/boardList.jsp");
		forward.setRedirect(false);		//true : sendRedirect(), false : forward()
		
		return forward;
	}//excute()
}//class

6) BoardDAO.java

package com.hanul.dao;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import com.hanul.dto.BoardDTO;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//전체 목록 검색
	public List<BoardDTO> boardSearchAll() {
		SqlSession session = sqlMapper.openSession();
		List<BoardDTO> list = null;
		list = session.selectList("boardSearchAll");
		session.close();
		
		return list;
	}//boardSearchAll()
    
}//class

7) boardList.jsp

<%@page import="com.hanul.dto.BoardDTO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("utf-8");
List<BoardDTO> list = (List<BoardDTO>) request.getAttribute("list");

%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>boardList</title>
</head>
<body>
	<div align="center">
		<h3>[게시판 전체목록 보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				 <th>번호</th>
				 <th>제목</th>
				 <th>작성자</th>
				 <th>작성일</th>
				 <th>조회수</th>
			</tr>
			<!-- 1. JSTL core 문법을 이용한 출력 : b_num_seq에 의해서 번호의 순서가 안맞다. -->
			<c:if test="${empty list} ">
				<tr align="center">
					<td colspan="5">작성된 글이 없습니다.</td>
				</tr>
			</c:if>
			<%-- 			
			<c:if test="${list ne null }">
				<c:forEach var="i" items="${list }">
					<tr align="center">
						<td>${i.b_num }</td>
						<td>${i.b_subject }</td>
						<td>${i.b_writer }</td>
						<td>${i.b_date }</td>
						<td>${i.b_readcount }</td>
					</tr>
				</c:forEach>
			</c:if> 
			--%>
			
			<!-- 2. 향상된 for문을 이용한 출력 : 번호 순서가 맞지 않다. -->
			<%--
			if(list.size() == 0) {
				out.println("<tr align='center'><td colspan='5'>작성된 글이 없습니다.</td></tr>");
			} else {
				for(BoardDTO dto : list) {
					out.println("<tr align='center'>");
					out.println("<td> " + dto.getB_num() + "</td>");
					out.println("<td> " + dto.getB_subject() + "</td>");
					out.println("<td> " + dto.getB_writer() + "</td>");
					out.println("<td> " + dto.getB_date() + "</td>");
					out.println("<td> " + dto.getB_readcount() + "</td>");
					out.println("</tr>");
				}//for
			}//if-else
			--%>
			
			<%
			if(list.size() == 0) {
				out.println("<tr align='center'><td colspan='5'>작성된 글이 없습니다.</td></tr>");
			} else {
				for(int i = 0; i < list.size(); i++) {
					out.println("<tr align='center'>");
					/* out.println("<td> " + list.get(i).getB_num() + "</td>"); */
					out.println("<td> " + (list.size() - i) + "</td>");
					out.println("<td>" + list.get(i).getB_subject() + "</td>");
					out.println("<td> " + list.get(i).getB_writer() + "</td>");
					out.println("<td> " + list.get(i).getB_date() + "</td>");
					out.println("<td> " + list.get(i).getB_readcount() + "</td>");
					out.println("</tr>");
				}//for
			}//if-else				
			%>

		</table>
	</div>

</body>
</html>

- 데이터 베이스에 데이터가 하나도 없을 경우 "작성된 글이 없습니다."라고 표시하고,

그렇지 않다면 테이블을 통해 데이터를 아래와 같이 화면에 출력한다.

[JSP] STUDY 19 - 게시판 만들기(MVC2 패턴) (1) : 기초 작업

PSEveloper — Sun, 20 Dec 2020 23:17:03 +0900

1. MVC 패턴

: MVC 패턴은 Model , View , Controller 의 합성어로 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴이다.

- Model : 백그라운드에서 동작하는 로직을 처리합니다.

- View : 사용자가 보게 될 결과 화면을 출력합니다.

- Controller : 사용자의 입력처리와 흐름 제어를 담당합니다.

JSP 웹사이트 구조는 크게 모델1 방식과 모델2 방식으로 나뉜다.

간단하게 분류하자면 JSP에서 출력과 로직을 전부 처리하느냐(MVC1) JSP에서 출력만 처리하느냐(MVC2)로 분류할 수 있다.

2. MVC2 방식

- 웹브라우저 사용자의 요청을 Servlet이 받는다.

- Servlet은 웹브라우저의 요청을 받아 View로 보여줄것인지 Model로 보내줄것인지 정하여 전송한다.

- View페이지는 사용자에게 보여주는 역할만 담당 / 실질적인 기능의 부분은 Model에서 담당합니다.

- 모델2 방식의 경우 실질적으로 보여지는 HTML과 JAVA 소스를 분리 해놓았기 때문에 모델1방식에 비해 개발을 확장시키기도 쉽고 유지보수하기도 쉽다.

- MVC1은 요청한 페이지마다 각각 Controller가 생성되었지만, MVC2는 하나의 Controller가 요청 처리한다.

3. MyBatisBoard Web Project (MVC2 게시판 만들기)

1) 작업 지시서

○ JAVA

- com.hanul.mybatis : board.sql, db.properties, SqlMapConfig.xml, boardMapper.xml

- com.hanul.dto : BoardDTO.java, SearchDTO.java

- com.hanul.dao : BoardDAO.java

- com.hanul.controller : BoardFrontController.java ▶ Servlet : web.xml에서 Mapping

- com.hanul.action : Action.java(Interface), ActionForward.java, Boardxxx.java

○ WebContent

- BoardMain.html

- board\ : *.jsp

- css\ : *.css

- js\ : *.js

- images\ : *.png, *.gif, *.jpg

2) 라이브러리 삽입

위의 4개의 jar파일을 WebContent > WEB-INF > lib에 복사 & 붙여 넣어야 한다.

3) SQL 문서 작성

① 데이터베이스와 연결

② sql 문서 생성

- 밑의 속성 설정도 반드시 해야한다(그래야 작성한 sql 문장을 execute할 수 있다).

	번호	제목	작성일	작성자	내용	비밀번호	조회수
Name	num	subject	date	writer	content	pwd	readcount
JAVA DATA TYPE	int	String	String	String	String	String	int
DB DATE TYPE	number	varchar2(50)	sysdate	varchar2(20)	varchar2(2000)	varchar2(20)	number
DTO Class	b_num	b_subject	b_date	b_writer	b_content	b_pwd	b_readcount

● board.sql

-- Eclipse와 DB연동 시 오류 발생할 때 해결 방법
-- D:\Study_Web\workspace\.metadata\.plugins\org.eclipse.datatools.sqltools.result
-- 위의 폴더 안의 파일 모두 삭제

--테이블 생성
create table tblBoard(
	b_num number primary key not null,
	b_subject varchar2(50),
	b_pwd varchar2(20),
	b_content varchar2(2000),
	b_writer varchar2(20),
	b_date varchar2(20),
	b_readcount number
);

-- 전체 레코드 검색
select * from tblBoard order by b_num desc;

--자동 증가값을 설정 : b_num → b_num seq 변수를 만들어 변수값이 자동으로 올라가게끔 설정
create sequence b_num_seq start with 1;

--임의의 레코드 삽입
insert into tblBoard values(b_num_seq.nextval, 'subject', 'pwd', 'content',
							'writer', sysdate, 0);
							
--전체 레코드 삭제
delete from tblBoard;

--테이블 삭제
drop table tblBoard;
-- 테이블을 삭제 시키더라도 sequence는 아직도 남아있음
-- 테이블을 삭제되거나 데스크톱이 셧다운이 된다면, sequence에 insert를 하게 되면 21부터 시작
-- sequence는 20을 단위로 새로 시작하기 때문

--자동 증가 값 삭제
drop sequence b_num_seq;

3) db.properties 생성

: DB 접속하기 위한 기본 정보(url, user)

driver = oracle.jdbc.driver.OracleDriver
url = jdbc:oracle:thin:@127.0.0.1:1521:XE
username = hanul
password = 0000

4) BoardDTO.java 생성

package com.hanul.dto;

import java.io.Serializable;

public class BoardDTO implements Serializable{
	private int b_num;
	private String b_subject;
	private String b_pwd;
	private String b_content;
	private String b_writer;
	private String b_date;
	private int b_readcount;
	
	public BoardDTO() {}
	
	public BoardDTO(int b_num, String b_subject, String b_pwd, 
			String b_content, String b_writer, 
			String b_date, int b_readcount) {
		super();
		this.b_num = b_num;
		this.b_subject = b_subject;
		this.b_pwd = b_pwd;
		this.b_content = b_content;
		this.b_writer = b_writer;
		this.b_date = b_date;
		this.b_readcount = b_readcount;
	}

	public int getB_num() {
		return b_num;
	}

	public void setB_num(int b_num) {
		this.b_num = b_num;
	}

	public String getB_subject() {
		return b_subject;
	}

	public void setB_subject(String b_subject) {
		this.b_subject = b_subject;
	}

	public String getB_pwd() {
		return b_pwd;
	}

	public void setB_pwd(String b_pwd) {
		this.b_pwd = b_pwd;
	}

	public String getB_content() {
		return b_content;
	}

	public void setB_content(String b_content) {
		this.b_content = b_content;
	}

	public String getB_writer() {
		return b_writer;
	}

	public void setB_writer(String b_writer) {
		this.b_writer = b_writer;
	}

	public String getB_date() {
		return b_date;
	}

	public void setB_date(String b_date) {
		this.b_date = b_date;
	}

	public int getReadcount() {
		return b_readcount;
	}

	public void setReadcount(int b_readcount) {
		this.b_readcount = b_readcount;
	}

}//class

5) SqlMapConfig.xml 생성

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration
 PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
	<properties resource="com/hanul/mybatis/db.properties"/>
	<typeAliases>
		<typeAlias type="com.hanul.dto.BoardDTO" alias="BoardDTO"/>
	</typeAliases>
	<environments default="development">
		<environment id="development">
			<transactionManager type="JDBC" />
			<dataSource type="POOLED">
				<property name="driver" value="${driver}" />
				<property name="url" value="${url}" />
				<property name="username" value="${username}" />
				<property name="password" value="${password}" />
			</dataSource>
		</environment>
	</environments>
	<mappers>
		<mapper resource="com/hanul/mybatis/boardMapper.xml" />
	</mappers>
</configuration>

6) boardMapper.xml 생성

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.boardMapper.xml">
	<!-- SQL 문장 작성 -->
</mapper>

7) BoardDAO.java 생성

package com.hanul.dao;

import java.io.InputStream;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

public class BoardDAO {
	private static SqlSessionFactory sqlMapper;
	
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
		
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
}//class

8) BoardFrontController Servlet 파일 생성

package com.hanul.controller;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/BoardFrontController.do")
public class BoardFrontController extends HttpServlet {

	protected void service(HttpServletRequest request, 
						   HttpServletResponse response) 
					throws ServletException, IOException {
		// ① 클라이언트가 어떤 요청을 했는가 파악한다.
		request.setCharacterEncoding("utf-8");
		String uri = request.getRequestURI();			//uri-pattern 값 : /mbb/xxx.do
		String ctx = request.getContextPath();			//Context root 값 : /mbb
		String command = uri.substring(ctx.length());	//실제 요청한 페이지 : /xxx.do

		
		// ② 클라이언트 요청(*.do → command)과 실제 처리할 비즈니스 로직(Action Class)
		//	 servlet(FrontController.java) → class(Action.java)
		
		
		
		// ③ 페이지 전환(프리젠테이션 로직 수행) : forward(), sendRedirect
		//	 ActionForward.java가 담당
		
	}//service()
	
}//class

[JSP] STUDY 18 - MyBatis를 이용한 회원 정보 관리 구현

PSEveloper — Sun, 20 Dec 2020 23:09:51 +0900

● MemberMain.html (회원가입 입력 화면)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Member Main</title>
	</head>
	<body>
		<div align="center">
			<h3>회원가입 입력화면</h3>
			<form action="memberInsert.jsp" method="post">
				<table border="1">
					<tr>
						<th>이름</th>
						<td><input type="text" name="name" required="required" /></td>
					</tr>
					<tr>
						<th>아이디</th>
						<td><input type="text" name="id" required="required"></td>
					</tr>
					<tr>
						<th>비밀번호</th>
						<td><input type="password" name="pw" required="required"></td>
					</tr>
					<tr>
						<th>나이</th>
						<td><input type="number" name="age" required="required"></td>
					</tr>
					<tr>
						<th>주소</th>
						<td><input type="text" name="addr" required="required"></td>
					</tr>
					<tr>
						<th>전화번호</th>
						<td><input type="text" name="tel" required="required"></td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="submit" value="회원가입" />
							<input type="reset" value="다시작성" />
							<input type="button" value="목록보기" onclick="location.href='memberList.jsp'" />
						</td>
					</tr>
				</table>
			</form>
		</div>	
	</body>
</html>

● memberMapper.xml (SQL문을 작성하는 곳)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.hanul.mybatis.memberMapper.xml">
	<!-- SQL 문장 작성 -->
	<!-- 
		<insert | delete | update | select 속성="값" 속성="값" ~~>
			- id 속성 : DAO에서 설정한 값   ▶   session.insert("memberInsert", dto);
			- parameterType 속성 : 매개변수 타입(클래스 타입, 기본 데이터 타입)
			- 입력 값 표기 : dto.getName() → #{dto 內  속성명}    ▶    #{name}
			- SQL 문자의 마지막에 세미콜론(;)은 입력하지 않는다.
			- resultType 속성 : select 쿼리를 수행했을 때 결과 타입
		</insert | delete | update | select>
	 -->
	 <insert id="memberInsert" parameterType="MemberDTO">
	 	insert into Member values(#{name}, #{id}, #{pw}, #{age}, #{addr}, #{tel})
	 </insert>
	 
	 <select id="memberSearchAll" resultType="MemberDTO">
	 	select * from Member
	 </select>
	 
	 <delete id="memberDelete" parameterType="String">
	 	delete from Member where id = #{id}
	 </delete>
	 
	 <select id="getById" parameterType="String" resultType="MemberDTO">
	 	select * from Member where id = #{id}
	 </select>
	 
	 <update id="memberUpdate" parameterType="MemberDTO">
	 	update Member 
	 	set name = #{name}, pw = #{pw}, age = #{age}, addr = #{addr}, tel = #{tel}
	 	where id = #{id}
	 </update>
</mapper>

● MemberDAO.java

package com.hanul.study;

import java.io.InputStream;
import java.util.List;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

public class MemberDAO {
	// 기존 JDBC 모델에서는 Connection(DB 연결)을 먼저 만들었지만,
	//myBatis 경우 SqlSessionFactory 객체를 먼저 생성
	private static SqlSessionFactory sqlMapper;
	
	// static(초기화 블럭 : 가장 먼저 실행되는 코드)
	static {
		String resource = "com/hanul/mybatis/SqlMapConfig.xml";
		
		try {
			InputStream inputStream = Resources.getResourceAsStream(resource);
			sqlMapper = new SqlSessionFactoryBuilder().build(inputStream);
			
		} catch (Exception e) {
			e.printStackTrace();
			System.out.println("SqlSessionFactory Exception");
		}
	}//static
	
	//회원 가입
	public int memberInsert(MemberDTO dto) {
		SqlSession session = sqlMapper.openSession();
		// → SqlSessionFactory(sqlMapper)에서 SqlSession session 활성화
		
		int succ = 0;
		
		succ = session.insert("memberInsert", dto);		
		// → SQL insert 쿼리 : memberMapper.xml
		
		session.commit();	//커밋
		session.close(); 	//session 비활성화
		
		return succ;
	}//memberInsert()
	
	// 전체 회원 검색
	public List<MemberDTO> memberSearchAll() {
		 SqlSession session = sqlMapper.openSession();
		 
		 List<MemberDTO> list = null;
		 // List<> → ArrayList<>를 대신
		 
		 list = session.selectList("memberSearchAll");
		 // → SQL select 쿼리 : memberMapper.xml
		 // selectList → 검색된 결과가 몇 개가 나올지 모를 때
		 // selectOne → 검색된 결과가 하나가 나올 떼
		 
		 session.close();
		 
		 return list;
	}//memberSearchAll()
	
	// 회원 정보 삭제
	public int memberDelete(String id) {
		SqlSession session = sqlMapper.openSession();
		int succ = 0;
		succ = session.delete("memberDelete", id);
		session.commit();
		session.close();
		
		return succ;
	}//memberDelete()
	
	// ID 검색
	public MemberDTO getById(String id) {
		SqlSession session = sqlMapper.openSession();
		
		MemberDTO dto = null;
		dto = session.selectOne("getById", id);
		// → 검색된 결과가 하나이므로
		// → SQL select 쿼리 : memberMapper.xml
		session.close();
		
		return dto;
	}//getById()
	
	// 회원 정보 수정하기
	public int memberUpdate(MemberDTO dto) {
		SqlSession session = sqlMapper.openSession();
		int succ = 0;
		succ = session.update("memberUpdate", dto);
		session.commit();
		session.close();
		
		return succ;
	}//memberUpdate()
}//class

▲ 회원가입 입력 화면

● memberList.jsp

<%@page import="com.hanul.study.MemberDTO"%>
<%@page import="java.util.List"%>
<%@page import="com.hanul.study.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
request.setCharacterEncoding("utf-8");
MemberDAO dao = new MemberDAO();
List<MemberDTO> list = dao.memberSearchAll();
pageContext.setAttribute("list", list);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Member List JSP</title>
<script type="text/javascript">
	function fnDelete(id) {
		//alert("id : " + id);
		if(confirm("정말 삭제하시겠습니까?")) {
			location.href = "memberDelete.jsp?id=" + id;
		}
	}//fnDelete()
</script>
</head>
<body>
	<div align="center">
		<h3>[전체 회원 목록 보기]</h3>
		<table border="1" style="width: 80%">
			<tr>
				<th>이름</th>
				<th>아이디</th>
				<th>비밀번호</th>
				<th>나이</th>
				<th>주소</th>
				<th>전화번호</th>
				<th>삭제</th>
				<th>수정</th>
			</tr>
			<%-- 1. for문을 이용한 출력 (자바코드)
				for(int i = 0; i < list.size(); i++) {
					out.println("<tr align='center'>");
					out.println("<td>" + list.get(i).getName() + "</td>");
					out.println("<td>" + list.get(i).getId() + "</td>");
					out.println("<td>" + list.get(i).getPw() + "</td>");
					out.println("<td>" + list.get(i).getAge() + "</td>");
					out.println("<td>" + list.get(i).getAddr() + "</td>");
					out.println("<td>" + list.get(i).getTel() + "</td>");
					out.println("</tr>");
				}
			--%>
			
			<%-- 2. forEach문을 이용한 출력 (자바코드)
				for(MemberDTO dto : list) {
					out.println("<tr align='center'>");
					out.println("<td>" + dto.getName() + "</td>");					
					out.println("<td>" + dto.getId() + "</td>");					
					out.println("<td>" + dto.getPw() + "</td>");					
					out.println("<td>" + dto.getAge() + "</td>");					
					out.println("<td>" + dto.getAddr() + "</td>");					
					out.println("<td>" + dto.getTel() + "</td>");					
					out.println("</tr>");
				}
			--%>
			
			<%-- 3. JSTL core와 EL을 이용한 출력 --%>
			<c:forEach var="i" items="${list }">
				<tr align="center">
					<td>${i.name }</td>
					<td>${i.id }</td>
					<td>${i.pw }</td>
					<td>${i.age }</td>
					<td>${i.addr }</td>
					<td>${i.tel }</td>
					<td><input type="button" value="삭제" onclick="fnDelete('${i.id}');" /></td>
					<td><input type="button" value="수정" onclick="location.href='memberDetail.jsp?id=${i.id }'" /></td>
					<!-- 문자 id도 인식하기 위해 EL 표기법을 작은 따옴표('')로 묶어야 한다. -->
				</tr>			
			</c:forEach>
			
			<tr align="center">
				<td colspan="8">
					<input type="button" value="회원가입" onclick="location.href='MemberMain.html'" />
				</td>
			</tr>	
		</table>
	</div>
</body>
</html>

▲ 목록보기 버튼 클릭시 나오는 화면

● memberInsert.jsp

<%@page import="com.hanul.study.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
%>

<jsp:useBean id="dto" class="com.hanul.study.MemberDTO">
	<jsp:setProperty property="*" name="dto"/>
</jsp:useBean>

<%
MemberDAO dao = new MemberDAO();
int succ = dao.memberInsert(dto);

if(succ > 0) {
	out.println("<script>alert('회원가입 성공!');");
	out.println("location.href='memberList.jsp';</script>");
} else {
	out.println("<script>alert('회원가입 실패!');");
	out.println("location.href='memberList.jsp';</script>");	
}
%>

▲ 회원정보 입력 후 회워가입 버튼 클릭 시 결과 화면

● memberDelete.jsp

<%@page import="com.hanul.study.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
String id = request.getParameter("id");
MemberDAO dao = new MemberDAO();
int succ = dao.memberDelete(id);

if(succ > 0) {
	out.println("<script>alert('삭제 성공!');");
	out.println("location.href='memberList.jsp';</script>");
} else {
	out.println("<script>alert('삭제 실패!');");
	out.println("location.href='memberList.jsp';</script>");	
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>memberDelete</title>
</head>
<body>

</body>
</html>

▲ 회원정보 삭제 후 결과 화면

● memberDetail.jsp (회원정보 수정 폼 화면)

<%@page import="com.hanul.study.MemberDTO"%>
<%@page import="com.hanul.study.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
String id = request.getParameter("id");
MemberDAO dao = new MemberDAO();
MemberDTO dto = dao.getById(id);
pageContext.setAttribute("dto", dto);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>memberDetail</title>
<style type="text/css">
	.in {
		background-color: pink;
	}
</style>
<script type="text/javascript">
	function fnSubmit() {
		if(confirm("정말 수정하시겠습니까?")) {
			return true;
		} else {
			return false;
		}
	}//fnSubmit
	
	function fnReset() {
		if (confirm("정말 초기화하시겠습니까?")) {
			return true;
		} else {
			return false;
		}
	}//fnReset()

</script>
</head>
<body>
<div align="center">
	<h3>[회원 정보 수정]</h3>
	<form action="memberUpdate.jsp" method="post" onsubmit="return fnSubmit();" onreset="return fnReset();">
	<input type="hidden" name="id" value='${dto.id}'/>
		<table border="1">
			<tr>
				<th>이름</th>
				<td><input type="text" name="name" value="${dto.name}" class="in" required="required"/></td>
			</tr>
			<tr>
				<th>아이디</th>
				<td>${dto.id}</td>
			</tr>
			<tr>
				<th>비밀번호</th>
				<td><input type="text" name="pw" value="${dto.pw}" class="in" required="required"/></td>
			</tr>
			<tr>
				<th>나이</th>
				<td><input type="text" name="age" value="${dto.age}" class="in" required="required"/></td>
			</tr>
			<tr>
				<th>주소</th>
				<td><input type="text" name="addr" value="${dto.addr}" class="in" required="required"/></td>
			</tr>
			<tr>
				<th>전화번호</th>
				<td><input type="text" name="tel" value="${dto.tel}" class="in" required="required"/></td>
			</tr>
			<tr align="center">
				<td colspan="2">
					<input type="submit" value="수정하기" />
					<input type="reset" value="초기화하기" />
					<input type="button" value="목록보기" onclick="location.href='memberList.jsp'" />
				</td>
			</tr>
		</table>
	</form>
</div>
</body>
</html>

● memberUpdate.jsp (회원정보 수정)

<%@page import="com.hanul.study.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("utf-8");
%>

<jsp:useBean id="dto" class="com.hanul.study.MemberDTO">
	<jsp:setProperty property="*" name="dto"/>
</jsp:useBean>

<%
MemberDAO dao = new MemberDAO();
int succ = dao.memberUpdate(dto);
	
if(succ > 0) {
	out.println("<script>alert('회원 정보 수정 성공!');");
	out.println("location.href='memberList.jsp';</script>");
} else {
	out.println("<script>alert('회원정보 수정 실패!');");
	out.println("location.href='memberList.jsp';</script>");	
}
%>

▲ 회원정보 수정 후 결과 화면