'학원수업/JSP' 카테고리의 글 목록

이론

Model1방식의 웹 개발 방식

디자인코드(HTML)와 자바코드(비즈니스 로직)를 구분하지 않고 하나의 jsp

파일 내에 함께 기술해서 웹 프로그램을 제작하는 방식이다.

장점 : 개발하기 쉽고, 배우기 쉽다.

단점 : 디자인코드와 비즈니스로직의 구분이 명확하지 않아 복잡도가 높다.

수정사항이 발생했을 때마다 디자이너와 개발자의 협업이 필요하다.

비즈니스 로직의 재사용성이 떨어진다.

유지보수하기 어렵다.

Model2방식의 웹 개발 방식

Model2방식은 웹 어플리케이션을 개발할 때 MVC패턴을 적용하여 웹 어플리케

이션의 개발이 가능하도록 구현한 것이다.

※ MVC는 Model-View-Controller로 각각의 역할을 나누어서 개발하는 하는

방식을 말한다.

Model 은 비즈니스로직을 담당하는 부분이다.

Model은 비즈니스 로직을 UI(View)로부터 분리시킨다.

View 는 client가 직접 사용하는 부분이며, Model에서 생성된 Data를

client에게 보여주는 역할을 담당한다. 웹에서는 JSP가 담당한다.

Controller는 사용자의 요청을 받아서 요청에 해당하는 비즈니스로직을

수행하도록 하고, 응답을 client에 보내는 역할을 한다.

웹에서는 서블릿이 담당한다.

단점 : 초기 설계에 많은 시간이 소요된다.

개발자에게 MVC패턴에 대한 개념이 필수적으로 요구된다.

장점 : 디자인코드와 비즈니스 로직이 분리된다.

비즈니스 로직의 재사용성이 높아진다.

비즈니스로직 계층의 확장성이 용이하다.

유지보수하기 편하다.

Servlet3.0부터 지원하는 어노테이션 기반의 요청처리: web.xml에 서블릿을 등록하는 것을 대신함

게시판 제작시 널포인트 나오면 액션팩토리 추가했나 확인할 것!!!!!!!!!

실습

src.ex1.Ex1_ServletTest.java

package ex1;

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

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

/**
 * Servlet implementation class Ex1_ServletTest
 * Servlet3.0부터 지원하는 어노테이션 기반의 요청처리
 * web.xml에 서블릿을 등록하는 것을 대신!
 * 
 */
@WebServlet("/Ex1_ServletTest")
public class Ex1_ServletTest extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Ex1_ServletTest() {
        super();
        System.out.println("생성자 호출!");
        
    }

/**
	 * @see Servlet#init(ServletConfig)
	 */
	public void init(ServletConfig config) throws ServletException {
		 System.out.println("init 호출!");
	}

/**
	 * @see Servlet#destroy()
	 */
	public void destroy() {
		 System.out.println("destory 호출!");
	}

/**
	 * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
	 */
//	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		System.out.println("service 호출!");
//	}

/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("doGet호출!");
		request.setCharacterEncoding("euc-kr");
		//MIME타입설정
		response.setContentType("text/html;charset=euc-kr");
		PrintWriter out = response.getWriter(); // 브라우저와 스트림이 연결
		out.println("<p style='color:red'>나의 첫번째 서블릿!</p>");
	}

/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

src.action.Action.java

src.action.HelloAction.java

src.action.StBoardInsertAction.java

src.action.StBoardListAction.java

package action;

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

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

import controller.ActionForward;
import dao.BoardDao;
import vo.BoardVO;
import vo.PageVO;

public class StBoardListAction implements Action {

@Override
	public ActionForward execute(HttpServletRequest request, HttpServletResponse response) throws IOException {
		PageVO pageInfo = new PageVO();
		int rowsPerPage = 5; //페이지 값을 초기화
		int pagesPerBlock = 5;
		//페이지 값을 파라미터로 받아와서 현재 페이지값으로 저장
		int currentPage = Integer.parseInt(request.getParameter("page"));
		int currentBlock= 0;
		if(currentPage % pagesPerBlock ==0) {
			currentBlock = currentPage / pagesPerBlock;
		}else {
			currentBlock = currentPage / pagesPerBlock +1;
		}
		int startRow = (currentPage - 1) * rowsPerPage +1;
		int endRow = currentPage * rowsPerPage;
		int totalRows = BoardDao.getDao().getTotalCount();
		int totalPages = 0;
		if(totalRows % rowsPerPage == 0) {
			totalPages = totalRows / rowsPerPage;
		}else {
			totalPages = totalRows / rowsPerPage + 1;
		}
		int totalBlocks= 0;
		if(totalPages % pagesPerBlock == 0) {
			totalBlocks = totalPages / pagesPerBlock;
		}else {
			totalBlocks= totalPages / pagesPerBlock +1;
		}
		pageInfo.setCurrentPage(currentPage);
		pageInfo.setCurrentBlock(currentBlock);
		pageInfo.setRowsPerPage(rowsPerPage);
		pageInfo.setPagesPerBlock(pagesPerBlock);
		pageInfo.setStartRow(startRow);
		pageInfo.setEndRow(endRow);
		pageInfo.setTotalRows(totalRows);
		pageInfo.setTotalPages(totalPages);
		pageInfo.setTotalBlocks(totalBlocks);
		
		request.setAttribute("pageInfo", pageInfo);
		HashMap<String, Integer> map = new HashMap<>();
		map.put("begin", startRow);
		map.put("end",endRow);
		List<BoardVO> list = BoardDao.getDao().getList(map);
		request.setAttribute("list", list);
		return new ActionForward("studyboardList.jsp",false);
	}
	
}

src.action.StBoardWriterAction.java

src.config.config.xml

src.controller.ActionForward.java

src.controller.ActionFactory.java

src.controller.ControlServlet.java

package 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 action.Action;

/**
 * Servlet implementation class ControlServlet
 */
@WebServlet("*.kosta")
public class ControlServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ControlServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		request.setCharacterEncoding("euc-kr");
		//사용자의 요청 파라미터 처리
		String cmd = request.getParameter("cmd");
		//사용자의 요청 파라미터 처리
		// http://localhost/jsp0406_mvc/my.kosta?cmd=hello 동작
		if(cmd != null) {
			ActionFactory factory = ActionFactory.getFactory();
			//ObjectFactory에게 요청을 담당해서 해당 모델을 선택하도록 한다.
			Action action= factory.getAction(cmd);
			//모델의 비지니스 로직을 가진 추상메서드를 호출해서 반환받은 Actionforward로 이동방식,View를 지정
			ActionForward af = action.execute(request, response);
			if(af.isRedirect()) {
				//true : 리다이렉트 방식
				response.sendRedirect(af.getUrl());
			}else {
				//false : forward
				RequestDispatcher rd = request.getRequestDispatcher(af.getUrl());
				rd.forward(request, response);
			}
			
		}else {
			response.sendRedirect("error.jsp");
		}
	}
	
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		process(request,response);
	}

/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		process(request,response);
	}

}

src.dao.BoardDao.java

src.service.FactoryService.java

src.sqlMap.board.xml

src.vo.BoardVO.java

src.vo.PageVO.java

package vo;

import java.io.Serializable;

public class PageVO implements Serializable{
	private int currentPage;	//현재 페이지번호
	private int currentBlock;	//현재 블록번호
	private int rowsPerPage;	//한 페이지당 보여줄 목록 수
	private int pagesPerBlock;	//한블록당 보여줄 페이지 수
	private int totalRows;		//전체 목록 수
	private int totalPages;		//전체 페이지 수
	private int totalBlocks;	//전체 블록 수
	private int startRow;		//시작 목록 번호
	private int endRow;			//마지막 목록번호
	
	public int getCurrentPage() {
		return currentPage;
	}
	public void setCurrentPage(int currentPage) {
		this.currentPage = currentPage;
	}
	public int getCurrentBlock() {
		return currentBlock;
	}
	public void setCurrentBlock(int currentBlock) {
		this.currentBlock = currentBlock;
	}
	public int getRowsPerPage() {
		return rowsPerPage;
	}
	public void setRowsPerPage(int rowsPerPage) {
		this.rowsPerPage = rowsPerPage;
	}
	public int getPagesPerBlock() {
		return pagesPerBlock;
	}
	public void setPagesPerBlock(int pagesPerBlock) {
		this.pagesPerBlock = pagesPerBlock;
	}
	public int getTotalRows() {
		return totalRows;
	}
	public void setTotalRows(int totalRows) {
		this.totalRows = totalRows;
	}
	public int getTotalPages() {
		return totalPages;
	}
	public void setTotalPages(int totalPages) {
		this.totalPages = totalPages;
	}
	public int getTotalBlocks() {
		return totalBlocks;
	}
	public void setTotalBlocks(int totalBlocks) {
		this.totalBlocks = totalBlocks;
	}
	public int getStartRow() {
		return startRow;
	}
	public void setStartRow(int startRow) {
		this.startRow = startRow;
	}
	public int getEndRow() {
		return endRow;
	}
	public void setEndRow(int endRow) {
		this.endRow = endRow;
	}
	
}

bottom.jsp

error.jsp

hello.jsp

index.jsp

studyboardList.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- studybordList.jsp --%>
<%@include file="top.jsp"%>
<style>
#content {
 width: 100%;
 text-align: center;
}

#content #stboardList {
 width: 850px;
 margin-left: 100px;
}

#content table,tbody td {
 border-collapse: collapse;
 border: 1px solid #7d7d7d;
}

#content #stTitle,#stContent {
 width: 100%;
 margin-top: 30px;
}

#content #stTitle tr td {
 height: 40px;
 background-color: #007bbe;
 color: #FFFFFF;
 font-family: "돋움";
 font-size: 25px;
}

#content #stContent thead td {
 height: 30px;
 background-color: #007bbe;
 color: #FFFFFF;
 font-family: "돋움";
 font-size: 15px;
}

#content #stContent tbody td {
 height: 30px;
 background-color: #FFFFFF;
 color: #7d7d7d;
 font-family: "돋움";
 font-size: 15px;
}

#content .no,.hit {
 width: 10%;
}

#content .title {
 width: 50%;
}

#content .writer {
 width: 15%
}

#content .regdate {
 width: 15%
}

#content #stContent tfoot td {
 height: 30px;
 background-color: #007bbe;
 color: #FFFFFF;
 font-family: "돋움";
 font-size: 15px;
}

#content .writer_v {
 text-align: left;
 padding-left: 10px;
}
/*btn*/
#content #stContent .btn {
 width: 120px;
 background-color: #f927a9;
 height: 25px;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 font-family: "맑은고딕";
}
</style>
<script>
 function gourl() {

location = "studyboardWriter.kosta?cmd=stwrite";

}
</script>
<div id="banner1">
 <img src="img/kostabanner.PNG">
</div>
<div id="content">
 <div id="stboardList">
  <table id="stTitle" style="width: 100%; border: 1px dotted">
   <tr>
    <td>현재 페이지 : 스터디게시판 리스트</td>
   </tr>
  </table>
  <table id="stContent">
   <thead>
    <tr>
     <td class="no">번호</td>
     <td class="title">제목</td>
     <td class="writer">작성자</td>
     <td class="hit">조회수</td>
     <td class="regdate">등록일</td>
    </tr>
   </thead>
   <tbody>
    <c:forEach var="stList" items="${list}">
     <tr>
      <td>${stList.no}</td>
      <td class="writer_v">${stList.title}</td>
      <td>${stList.writer}</td>
      <td>${stList.hit}</td>
      <td>${stList.regdate}</td>
     </tr>
    </c:forEach>
   </tbody>
   <tfoot>

<tr>
     <td colspan="5">
     <%--Page --%>
     <c:choose>
       <c:when test="${pageInfo.currentBlock eq 1}">
                    <<
                           </c:when>
       <c:otherwise>
        <a
         href="stboard.kosta?cmd=stboardList&page=${(pageInfo.currentBlock-1)*pageInfo.pagesPerBlock }"><<</a>
       </c:otherwise>
      </c:choose> <c:choose>
       <c:when test="${pageInfo.currentBlock ne pageInfo.totalBlocks}">
        <c:forEach begin="1" end="${pageInfo.pagesPerBlock}"
         varStatus="num">
                        [<a
          href="stboard.kosta?cmd=stboardList&page=${(pageInfo.currentBlock - 1) * pageInfo.pagesPerBlock + num.count }">${(pageInfo.currentBlock
          - 1) * pageInfo.pagesPerBlock + num.count }</a>]
                    </c:forEach>
       </c:when>
       <c:otherwise>
        <c:forEach
         begin="${(pageInfo.currentBlock-1)*pageInfo.pagesPerBlock + 1}"
         end="${pageInfo.totalPages}" varStatus="num">
                        [<a
          href="stboard.kosta?cmd=stboardList&page=${(pageInfo.currentBlock - 1) * pageInfo.pagesPerBlock + num.count }">${(pageInfo.currentBlock
          - 1) * pageInfo.pagesPerBlock + num.count }</a>]
                    </c:forEach>
       </c:otherwise>
      </c:choose> <c:choose>
       <c:when test="${pageInfo.currentBlock eq pageInfo.totalBlocks}">
                >>
                </c:when>
       <c:otherwise>
        <a
         href="stboard.kosta?cmd=stboardList&page=${pageInfo.currentBlock * pageInfo.pagesPerBlock + 1 }">>></a>
       </c:otherwise>
      </c:choose></td>
    </tr>

studyBoardWriter.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%-- studyBoardWriter.jsp --%>
<%@include file="top.jsp"%>
<style>
#content {
	width: 100%;
	text-align: center;
}

#content #stboardWriter {
	width: 850px;
	margin-left: 100px;
}

#content table, tbody td {
	border-collapse: collapse;
	border: 1px solid #7d7d7d;
}

#content #stTitle, #stContent {
	width: 100%;
	margin-top: 30px;
}

#content #stTitle tr td {
	height: 40px;
	background-color: #007bbe;
	color: #FFFFFF;
	font-family: "돋움";
	font-size: 25px;
}

#content #stContent thead td {
	height: 30px;
	background-color: #007bbe;
	color: #FFFFFF;
	font-family: "돋움";
	font-size: 15px;
}

#content #stContent tbody td {
	height: 30px;
	background-color: #FFFFFF;
	color: #7d7d7d;
	font-family: "돋움";
	font-size: 15px;
}
/* 스타일에서 클래스를  중복해서 정의하기 위한방법 */
#content #stContent .td {
	text-align: left;
	padding-left: 25px;
}

#content #stContent .title input {
	width: 350px;
}

#content #stContent .instyle {
	background-color: #0099ff;
	height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: "맑은고딕";
}

#content #stContent .writer input {
	width: 250px;
}

#content #stContent .content textarea {
	width: 250px;
	height: 300px;
	text-align: left;
}

/*btn*/
#content #stContent .btn {
	width: 120px;
	background-color: #f927a9;
	height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: "맑은고딕";
}
</style>
<div id="banner1">
	<img src="img/kostabanner.PNG">
</div>
<div id="content">
	<div id="stboardWriter">
		<table id="stTitle">
			<tr>
				<td>현재 페이지 : 스터디게시판 작성폼</td>
			</tr>
		</table>
		<form action="stBoardin.kosta" method="post">
		<input type = "hidden" name="cmd" value="stinsert">
			<table id="stContent">
				<tr><td colspan="2">스터디 게시판 작성폼</td></tr>
				<tr>
					<td>제목</td>
					<td class="td title"><input name="title" id="title" class="instyle"></td>
				</tr>
				<tr>
					<td>작성자</td>
					<td class="td writer"><input name="writer" id="writer" class="instyle"></td>
				</tr>
				<tr>
					<td>내용</td>
					<td class="td content">
					<textarea rows="10" cols="30" name="content" id="content" class="instyle">

<%@include file="bottom.jsp"%>

top.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>index.jsp</title>
<link href="css/base.css" rel="stylesheet" type="text/css">
<style type="text/css">
 #wrap #topcont #logo {
  margin-top:10px;
  margin-left:20px;
  width: 120px; 
  float: left;/*왼쪽 정렬*/
 }
 #topcont {
  width: 100%; 
  height: 55px;
 }
 #wrap #topcont #t_menu{ margin-right: 50px;}
 #wrap #topcont #t_menu ul {
  margin-top:8px;
  margin-left:10px;
 }
 #wrap #topcont #t_menu ul li{
  float: left; margin-left:10px;
 }
 #wrap #topcont #t_menu{
  width: 300px; 
  float: right;/*오른쪽 정렬*/
 }
 #wrap #top #nav{
 width:1000px; height:30px;
 background-color:#007bbe;
 padding-left: 120px;
 
 clear: both;
 }
 #wrap #top #nav ul li {
  float: left;
 }
</style>
<script>
 function chmenu(img,num){
  //alert(img.src.replace(".png","_on.png")+":"+num);
  // menu01.png 에서 .png를 찾아서 _on.png로 변경하기 위해서 replace()를 사용.
  if(num == 1){
   img.src = img.src.replace(".png","_on.png");
  }else if(num == 2){
   img.src = img.src.replace("_on.png",".png");
  }
 }
</script>
</head>

<div id="wrap">
 
  <div id="top">
   
   <div id="topcont">
    <div id="logo">
     <a href="index.jsp"><img src="img/logo.png"></a>
    </div>
    <div id="t_menu">
     <ul>
      <li><a href="">Home</a>|</li>
      <li><a href="">Login</a>|</li>
      <li><a href="">Join</a>|</li>
      <li><a href="">고객지원</a>|</li>
      <li><a href="">사이트맵</a></li>
     </ul>
    </div>
   </div>
   
   <div id="nav">
    <ul>
    
     <li><a href="kostainfo.jsp"><img src="img/menu1.png" alt="KOSTA50기소개" 
     onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href="studyBoard.kosta?cmd=stboardList&page=1"><img src="img/menu2.png" alt="스터디게시판" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href=""><img src="img/menu3.png" alt="포토폴리오" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href=""><img src="img/menu4.png" alt="질문과답변" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href=""><img src="img/menu5.png" alt="겔러리" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href=""><img src="img/menu6.png" alt="면접후기" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
     <li><a href=""><img src="img/menu7.png" alt="뉴스&공지" onmouseover="chmenu(this,'1')" onmouseout="chmenu(this,'2')"></a></li>
    </ul>
   </div>
  </div>

'학원수업 > JSP' 카테고리의 다른 글

학원 17일차 복습(4/5) (0)	2018.04.05
학원 16일차 복습(4/4) (0)	2018.04.04
학원 15일차 복습(4/3) (0)	2018.04.03
학원 14일차 복습(4/2) (0)	2018.04.02

이론

Dao패턴:비지니스로직과 자원을 분리시킴, 단일 책임의 원칙, 쓰레드의 관점

*****Mybatis: sqlMapConfig.xml,SqlMaps.xml

모르는 내용은 http://blog.mybatis.org/ 참고하기

WEB-INF lib에 jstl,mybatis 붙여넣기

config에서 <typeAliases> vo지정,JDBC,JNDI 설정,property에서 data_source등록,Mapper주소 작성

Mapper에서 sql문 작성

MyBatis 핵심설정 파일에서 MyBatis접근 객체를 제공할 SqlSessionFactory를 생성한다.

sqlMapper에서 정의한 namespace.id 값을 호출

<%@include file="" %>을 통해 jsp합치기가능

include의 특징 : 반복되는 부분을 재사용을 위해서 사용,컴파일시 하나가 된다.

requestScope는 A->B 사이의 값을 저장할 때 주로 사용

즉 forward에서 사용되며, Model2(MVC)에서 필수 요건

sendRedirect : response객체, 페이지가 이동 , requestScope는 항상 초기화

forward : request객체 , 페이지 이동x , requestScope에 값을 저장해서 forward 된 페이지에서도 값을 유지할 수 있다.

*****EL: Attribute, request의 파라미터, ServletContext의 초기화 파라미터에 접근

표현식: ${person.name}

JSTL( JSP Standard Tag Library ): JSP에서 <% %>를 사용하지않고 실행할수 있는 태그제공

항상 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 추가해두기

실습

memberJoin.jsp

memberAdd.jsp

<%@page import="ex1.MemberDao"%>
<%@page import="ex1.MemberDTO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
//한글처리는 제일 위쪽에 해줄 것
request.setCharacterEncoding("euc-kr");%>
<%-- MemberDTO v = new MemberDTO();와 동일  --%>
<jsp:useBean id="v" class="ex1.MemberDTO"></jsp:useBean>

<%-- property="*" : v.setId(request.getParameter("id")) 와 동일 --%>
<jsp:setProperty property="*" name="v"/>
<%

//1.파라미터를 받아서 변수에 저장하는 방법
// 	String id = request.getParameter("id");
// 	String pwd = request.getParameter("pwd");
// 	String name = request.getParameter("name");
// 	System.out.println("파라미터값 검수");
// 	System.out.println("id :"+id);
// 	System.out.println("pwd :"+pwd);
// 	System.out.println("name :"+name);
	// 파라미터값까지 받았으면 이제 DAO와 DTO를 만들자.
	// 2.DTO를 생성해서 파라미터값을 저장 한 후에 Dao로 전달
// 	MemberDTO v = new MemberDTO();
// 	v.setId(id);
// 	v.setPwd(pwd);
// 	v.setName(name);
	MemberDao.getDao().memberAdd(v);
	//리스트로 이동 redirect
	response.sendRedirect("memberList.jsp");
%><br><a href="memberJoin.jsp">Back</a>

memberList.jsp

<%@page import="ex1.MemberDTO"%>
<%@page import="ex1.MemberDao"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>memberList.jsp</title>
<style>
/* #wrap : id를 식별, .class 식별, element 식별 */
	#wrap{
		width: 450px; margin: auto;
	}
	/* >: 바로아래의 자식요소를 선택! */
	#wrap > table{
		background: orange;	
	}
	#title {
		background: green; font-size: 20px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	#column > td {
		background: blue;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	/* . = 한페이지에서 반복가능class */
	.datalist:hover{
		background: #b2b2b2;
	}
</style>
</head>

<div id="wrap">
		<table>
		<tr>
			<td colspan="4" id="title">회원리스트</td>
		</tr>
			<tr id="column">
				<td>번호</td>
				<td>아이디</td>
				<td>이름</td>
				<td>날짜</td>
			</tr>
			<%-- 데이터 반복 구간시작 --%>
			<%
			List<MemberDTO> list = MemberDao.getDao().getMemberList();
			for(MemberDTO e : list){
			%>
			<tr class="datalist">
				<td><%=e.getNum() %></td>
				<%-- get방식으로 링크를 클릭했을 때 memberDetail.jsp로 파라미터값인 num값을 보낸다. --%>
				<td><a href="memberDetail.jsp?num=<%=e.getNum()%>"><%=e.getId() %></td>
				<td><%=e.getName() %></td>
				<td><%=e.getMdate() %></td>
			</tr>
			<% } %>
			<%-- 데이터 반복 구간끝 --%>
			<tr>
				<td colspan="4"><a href="memberJoin.jsp">가입폼</a></td>
			</tr>
			
		</table>
	</div>

memberDetail.jsp

<%@page import="ex1.MemberDTO"%>
<%@page import="ex1.MemberDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%
	int num = Integer.parseInt(request.getParameter("num"));
	MemberDTO v = MemberDao.getDao().getMemberDetail(num);
%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style>
	#wrap{ width: 450px; margin:auto;}
	#wrap > table { width: 100%; background: yellow;}
	.f {width: 30%; font-size: 18px;}
</style>
</head>

<div id="wrap">
		<table>
			<tr>
				<td colspan="2" style="text-align: center; background: blue; height: 30px; color: #ffffff; font-weight: bold;">회원 상세정보</td>
			</tr>
			<tr>
				<td class="f">ID :</td>
				<td><%=v.getId() %></td>
			</tr>
			<tr>
				<td class="f">Name :</td>
				<td><%=v.getName() %></td>
			</tr>
			<tr>
				<td class="f">MDate :</td>
				<td><%=v.getMdate() %></td>
			</tr>
			<tr>
				<td colspan="2" style="text-align: center; background: gray; height: 30px; color: #ffffff; font-weight: bold;">
				<a href="memberList.jsp">리스트</a>
				<a href="memberDel.jsp?num=<%=v.getNum() %>">삭제</a>
				</td>
			</tr>
		</table>
	</div>

memberDel.jsp

src.config.xml

src.mapper.memberMap.xml

src.factory.SqlServiceFactory.java

src.ex1.MemberDao.java

package ex1;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.List;

import org.apache.ibatis.session.SqlSession;

import factory.SqlServiceFactory;

public class MemberDao {

// 싱글톤 패턴
	private static MemberDao dao;

// getter
	// 첫 요청이 왔을때만 생성해두고 나머지는 static영역에서 이미 생성된 객체의 주소값을 사용한다.
	public synchronized static MemberDao getDao() {
		if (dao == null) dao = new MemberDao();
		return dao;
	}

// to do method...
	// 데이터베이스에 입력처리를 하기 위한 메서드를 정의한다.
	public void memberAdd(MemberDTO vo) {
		SqlSession ss = SqlServiceFactory.getFactory().openSession();
		//sqlMapper에서 정의한 namespace.id 값을 호출
		ss.insert("mem.add",vo);
		ss.commit();
		ss.close();
	}
	
	//회원의 전체 목록을 최근 가입순으로 정령해서 출력하기위한 메서드를 정의한다.
	public List<MemberDTO> getMemberList() throws SQLException {
		SqlSession ss = SqlServiceFactory.getFactory().openSession();
		List<MemberDTO> list = ss.selectList("mem.list");
		ss.close();
		return list;
	}

public MemberDTO getMemberDetail(int num) throws SQLException {
		//selectList(); 다중 row
		//Object = selectOne("namespace.id",param);
		SqlSession ss = SqlServiceFactory.getFactory().openSession();
		MemberDTO v = ss.selectOne("mem.detail",num);
		ss.close();
		return v;
		
	}

public void deleteMember(int num) {
		SqlSession ss = SqlServiceFactory.getFactory().openSession(true); //openSession(true)에서 true는 오토커밋
		ss.delete("mem.del", num);
		ss.close();
		
	}

}

src.ex1.MemberDTOjava

src.ex1.ConnUtil.java

ex2_first.jsp

ex2_second.jsp

ex3_pageA.jsp

ex3_pageB.jsp

main.jsp

header.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>main.jsp</title>
<style>
	body * {margin: 0px; padding: 0px;}
	#wrap {width: 800px; margin: auto;}
	#header{width: 100%; background: blue; border: 1px solid; height: 60px;}
	#menu ul li { list-style: none;
		float: left; background: orange; text-align: center; height: 30px; margin-left: 10px}
	#content {clear: both; width: 100%; height: 400px;border: 1px solid; background: orange;}
	a{ text-decoration: none;}
	a:hover {
	background: blue; color: white;	
}
#footer{ width: 100%; height: 80px; background: gray; border: 1px solid;}
	
</style>
</head>

menu1.jsp

menu2.jsp

footer.jsp

el1.jsp

el2.jsp

<%@page import="ex2.Customer"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
ArrayList<String> singerList= new ArrayList<>();
singerList.add("소녀시대");
singerList.add("원더걸스");
request.setAttribute("singerList", singerList);

Customer[] customerList = new Customer[2];
Customer cust1 = new Customer();
cust1.setName("홍길동");
cust1.setEmail("hong@nate.com");
cust1.setPhone("011-236-4789");

Customer cust2 = new Customer();
cust2.setName("이순신");
cust2.setEmail("lee@nate.com");
cust2.setPhone("02-789-8523");

customerList[0] = cust1;
customerList[1] = cust2;
request.setAttribute("customerList", customerList);
%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>

<ul>
		<li>${singerList[0] },${singerList[1] }</li>
	</ul>
	<ul>
		<li>이름 : ${customerList[0].name }</li>
		<li>메일 : ${customerList[0].email }</li>
		<li>전화 : ${customerList[0].phone }</li>
	</ul>
	<ul>
		<li>이름 : ${customerList[1].name }</li>
		<li>메일 : ${customerList[1].email }</li>
		<li>전화 : ${customerList[1].phone }</li>
	</ul>

forEach.jsp

forEach2.jsp

<%@page import="java.util.ArrayList"%>
<%@page import="ex2.Customer"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
Customer vo1 = new Customer("홍길동","hong@nate.com","010-1223-2222");
Customer vo2 = new Customer("이순신","lee@nate.com","016-223-2222");
Customer vo3 = new Customer("김유신","kim@nate.com","019-122-2222");

ArrayList<Customer> memberList = new ArrayList<Customer>();
memberList.add(vo1);
memberList.add(vo2);
memberList.add(vo3);

request.setAttribute("memberList", memberList);
%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>

<h5>회원 리스트</h5>
	<table border="1" width="450">
		<tr>
			<th width="50">번호</th><th width="100">이름</th>
			<th width="140">메일</th><th width="160">연락처</th>
		</tr>
		<c:forEach var="member" items="${memberList}" varStatus="num">
		<tr>
			<td align="center">${num.count}</td>
			<td align="center">${member.name}</td>
			<td align="center">${member.email}</td>
			<td align="center">${member.phone}</td>
		</tr>
		</c:forEach>
	</table>

forEach3.jsp

if.jsp

src.ex2.Customer.java

'학원수업 > JSP' 카테고리의 다른 글

학원 18일차 복습(4/6) (0)	2018.04.06
학원 16일차 복습(4/4) (0)	2018.04.04
학원 15일차 복습(4/3) (0)	2018.04.03
학원 14일차 복습(4/2) (0)	2018.04.02

이론

--테이블 복제하기

create table xxx2 as select * from member;

create sequence memeber2_seq

increment by 1

start with 1;

--시퀀스 번호를 자동으로 증가 시켜주는 함수를 호출한다. table_seq.nextVal

--문자열 '문자열값'

--날짜는 sysdate

--파싱 -> 패치 (명령문이 수행) -> 버퍼에 저장

--명령문이 대소문자, 값의 변경등이 일어나면 오라클은 위의 작업을 계속 반복한다.

insert into member2 values(member2_seq.nextVal,'bigdaddy','12','김길동',sysdate);

--선별적 insert문은 반드시 not null인 컬럼은 생략할 수 없다.

insert into member(num,id,pwd) values(member2_seq.nextVal,'xman','12');

select * from member;

--update,insert,delete는 반드시 모든 입력, 수정, 삭제가 완료되면 commit처리해야한다.(반대는 rollback)

select * from member2;

rollback;

commit;

-- asc 오름차순, desc 내림차순

select num,id,name,mdate from member order by 1 desc

select num,id,name,mdate from member where num=1;

CSS(style태그)

/* #wrap : id를 식별, .class 식별, element 식별 */

/* . = 한페이지에서 반복가능class */

Add.jsp

//한글처리는 제일 위쪽에 해줄 것

request.setCharacterEncoding("euc-kr");%>

<%-- MemberDTO v = new MemberDTO();와 동일 --%>

<jsp:useBean id="v" class="ex1.MemberDTO"></jsp:useBean>

<%-- property="*" : v.setId(request.getParameter("id")) 와 동일 --%>

<jsp:setProperty property="*" name="v"/>

Delete후 강제 이동

response.sendRedirect("List.jsp");

실습

memberJoin.jsp

memberAdd.jsp

<%@page import="ex1.MemberDao"%>
<%@page import="ex1.MemberDTO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
//한글처리는 제일 위쪽에 해줄 것
request.setCharacterEncoding("euc-kr");%>
<%-- MemberDTO v = new MemberDTO();와 동일  --%>
<jsp:useBean id="v" class="ex1.MemberDTO"></jsp:useBean>

<%-- property="*" : v.setId(request.getParameter("id")) 와 동일 --%>
<jsp:setProperty property="*" name="v"/>
<%

//1.파라미터를 받아서 변수에 저장하는 방법
// 	String id = request.getParameter("id");
// 	String pwd = request.getParameter("pwd");
// 	String name = request.getParameter("name");
// 	System.out.println("파라미터값 검수");
// 	System.out.println("id :"+id);
// 	System.out.println("pwd :"+pwd);
// 	System.out.println("name :"+name);
	// 파라미터값까지 받았으면 이제 DAO와 DTO를 만들자.
	// 2.DTO를 생성해서 파라미터값을 저장 한 후에 Dao로 전달
// 	MemberDTO v = new MemberDTO();
// 	v.setId(id);
// 	v.setPwd(pwd);
// 	v.setName(name);
	MemberDao.getDao().memberAdd(v);
	//리스트로 이동 redirect
	response.sendRedirect("memberList.jsp");
%><br><a href="memberJoin.jsp">Back</a>

memberList.jsp

<%@page import="ex1.MemberDTO"%>
<%@page import="ex1.MemberDao"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>memberList.jsp</title>
<style>
/* #wrap : id를 식별, .class 식별, element 식별 */
	#wrap{
		width: 450px; margin: auto;
	}
	/* >: 바로아래의 자식요소를 선택! */
	#wrap > table{
		background: orange;	
	}
	#title {
		background: green; font-size: 20px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	#column > td {
		background: blue;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	/* . = 한페이지에서 반복가능class */
	.datalist:hover{
		background: #b2b2b2;
	}
</style>
</head>

<div id="wrap">
		<table>
		<tr>
			<td colspan="4" id="title">회원리스트</td>
		</tr>
			<tr id="column">
				<td>번호</td>
				<td>아이디</td>
				<td>이름</td>
				<td>날짜</td>
			</tr>
			<%-- 데이터 반복 구간시작 --%>
			<%
			ArrayList<MemberDTO> list = MemberDao.getDao().getMemberList();
			for(MemberDTO e : list){
			%>
			<tr class="datalist">
				<td><%=e.getNum() %></td>
				<%-- get방식으로 링크를 클릭했을 때 memberDetail.jsp로 파라미터값인 num값을 보낸다. --%>
				<td><a href="memberDetail.jsp?num=<%=e.getNum()%>"><%=e.getId() %></td>
				<td><%=e.getName() %></td>
				<td><%=e.getMdate() %></td>
			</tr>
			<% } %>
			<%-- 데이터 반복 구간끝 --%>
			<tr>
				<td colspan="4"><a href="memberJoin.jsp">가입폼</a></td>
			</tr>
			
		</table>
	</div>

memberDetail.jsp

<%@page import="ex1.MemberDTO"%>
<%@page import="ex1.MemberDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%
	int num = Integer.parseInt(request.getParameter("num"));
	MemberDTO v = MemberDao.getDao().getMemberDetail(num);
%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style>
	#wrap{ width: 450px; margin:auto;}
	#wrap > table { width: 100%; background: yellow;}
	.f {width: 30%; font-size: 18px;}
</style>
</head>

<div id="wrap">
		<table>
			<tr>
				<td colspan="2" style="text-align: center; background: blue; height: 30px; color: #ffffff; font-weight: bold;">회원 상세정보</td>
			</tr>
			<tr>
				<td class="f">ID :</td>
				<td><%=v.getId() %></td>
			</tr>
			<tr>
				<td class="f">Name :</td>
				<td><%=v.getName() %></td>
			</tr>
			<tr>
				<td class="f">MDate :</td>
				<td><%=v.getMdate() %></td>
			</tr>
			<tr>
				<td colspan="2" style="text-align: center; background: gray; height: 30px; color: #ffffff; font-weight: bold;">
				<a href="memberList.jsp">리스트</a>
				<a href="memberDel.jsp?num=<%=v.getNum() %>">삭제</a>
				</td>
			</tr>
		</table>
	</div>

memberDel.jsp

src.ex1.MemberDTO

src.ex1.MemberDao

package ex1;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;

public class MemberDao {

// 싱글톤 패턴
	private static MemberDao dao;

// getter
	// 첫 요청이 왔을때만 생성해두고 나머지는 static영역에서 이미 생성된 객체의 주소값을 사용한다.
	public synchronized static MemberDao getDao() {
		if (dao == null) dao = new MemberDao();
		return dao;
	}

// to do method...
	// 데이터베이스에 입력처리를 하기 위한 메서드를 정의한다.
	public void memberAdd(MemberDTO vo) {
//		 System.out.println("파라미터값 검수2");
//		 System.out.println("id :"+vo.getId());
//		 System.out.println("pwd :"+vo.getPwd());
//		 System.out.println("name :"+vo.getName());
		// 1.Connection획득
		Connection con = null;
		PreparedStatement pstmt = null;
//		insert into member values(member_seq.nextVal,?,?,?,sysdate);
		
		String sql = "insert into member values(member_seq.nextVal,?,?,?,sysdate)";
		try {
			con = ConnUtil.getConnection();
			// Query구문을 오라클로 미리 전송
			pstmt = con.prepareStatement(sql);
			// ? 바인딩을 해서 값을 연결
			pstmt.setString(1, vo.getId());
			pstmt.setString(2, vo.getPwd());
			pstmt.setString(3, vo.getName());
			pstmt.executeUpdate();//insert,update,delete
			//단축키 sysout 컨트롤스페이스
//			System.out.println("Connection Log:"+con);
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			try {
				if (pstmt != null) {
					pstmt.close();
				}
				if (con != null) {
					con.close();
				}
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
	}
	
	//회원의 전체 목록을 최근 가입순으로 정령해서 출력하기위한 메서드를 정의한다.
	public ArrayList<MemberDTO> getMemberList() throws SQLException {
		//1. ArrayList<MemberDTO> 생성해놔야 각 회원의 데이터를 저장한 MemberDTO를 저장할 수 있다.
		ArrayList<MemberDTO> alist = new ArrayList<>();
		Connection con = ConnUtil.getConnection();
		String sql="select num,id,name,mdate from member order by 1 desc";
		PreparedStatement pstmt = con.prepareStatement(sql);
		//select일 경우에는 cursor를 반환 받아주는 ResultSet을 생성해서 사용한다.
		ResultSet rs = pstmt.executeQuery();
		while(rs.next()) {//rs.next() 다음 커서가 있으면 true
			MemberDTO v = new MemberDTO();
			// rs.getXX(컬럼명) : 하나의 row안에 있는 컬럼의 데이터를 가져온다.
			v.setNum(rs.getInt("num"));
			v.setId(rs.getString("id"));
			v.setName(rs.getString("name"));
			v.setMdate(rs.getString("mdate"));
			alist.add(v);
		}
		return alist; //모든 회원의 정보를 저장한  ArrayList를 반환한다. *****
	}

public MemberDTO getMemberDetail(int num) throws SQLException {
		Connection con = ConnUtil.getConnection();
		String sql="select num,id,name,mdate from member where num=?";
		PreparedStatement pstmt = con.prepareStatement(sql);
		pstmt.setInt(1, num);
		ResultSet rs = pstmt.executeQuery();
		MemberDTO v = new MemberDTO();
		if(rs.next()) {
			v.setNum(rs.getInt("num"));
			v.setId(rs.getString("id"));
			v.setName(rs.getString("name"));
			v.setMdate(rs.getString("mdate"));
		}
		return v;
	}

public void deleteMember(int num) {
		Connection con = null;
		PreparedStatement pstmt = null;
		String sql="delete from member where num=?";
		
		try {
			con = ConnUtil.getConnection();
			pstmt = con.prepareStatement(sql);
			pstmt.setInt(1, num);
			pstmt.executeUpdate();//insert,update,delete
		} catch (SQLException e) {
			e.printStackTrace();
		}finally {
			try {
				if (pstmt != null) {
					pstmt.close();
				}
				if (con != null) {
					con.close();
				}
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
		
	}

}

src.ex1.ConnUtil

'학원수업 > JSP' 카테고리의 다른 글

학원 18일차 복습(4/6) (0)	2018.04.06
학원 17일차 복습(4/5) (0)	2018.04.05
학원 15일차 복습(4/3) (0)	2018.04.03
학원 14일차 복습(4/2) (0)	2018.04.02

이론

1. Model1과 Model2

1) Model1

- 뷰와 컨트롤러가 같은 JSP 안에서 실행

- 간단한 웹어플리케이션을 구축할 때 적당

- 개발기간 단축

- 유지보수가 어려움

- 디자이너와 개발자간의 의사소통이 필요

2. Model2

- 컨트롤러와 뷰가 엄격히 구분

- 뷰는 어떠한 처리로직도 포함하지 않음

- 사용자 요청의 진입점은 컨트롤러인 servlet이 담당 모든 흐름을 통제

- 유지 보수 확장이 용이

- 개발자와 디자이너의 작업이 분리

- 중 대형 프로젝트에 적합

- 초기에 구조 설계 시간이 많이 필요

2. MVC 패턴

1) View

- 화면에 내용을 보여주는 역할

- JSP 페이지

2) Model

- 로직을 가지고 있는 부분

- DB와 연동 데이터를 가져와 작업을 처리하거나 처리한 작업의 결과를 데이터로서 DB에 저장

- 데이터를 생성, 저장, 처리하는 역할을 담당

3) Controller

- 어플리케이션의 흐름을 제어 (view와 model사이)

- 서블릿 컨트롤러 사용

페이지 스코프 ,리퀘스트 스코프, 세션스코프, 어플리케이션 스코프

DB에서 dba_는 시스탬에서 사용

user_는 권한이내에서만 사용

오라클 관리자 작업시: cmd창에서 sqlplus sys/kosta182 as sysdba

show user 입력시 USER is "SYS" 출력되어야함

ed createUser.sql입력후 메모장에서 아래 2줄 입력

create user kosta182 identified by k182 default tablespace users;

grant resource, connect , create view to kosta182;

@ createUser

그후에

select username from dba_users where username='KOSTA182';

접속

conn kosta182/k182

show user;

conn sys/kosta182 as sysdba

show user;

ed member.sql

-- member테이블 정의

create table member(

num number primary key,

id varchar2(10) not null,

pwd varchar2(10) not null,

name varchar2(34),

mdate date

);

-- member_seq 시퀀스를 정의

create sequence member_seq

increment by 1

start with 1;

select * from member;

--구조를 확인하는 명령어

desc member;

P.K(기본키): unique, not null, index

자바의 파라미터와 DB의 컬럼명은 같아야함 + DTO의 속성값도 같아야함

form->jsp->DB

jsp

1.폼데이터의 파라미터처리

2.변수로 저장

3.DB연결(커넥션 획득) 분리해야함

4.DB작업(입력,수정,삭제,검색)

div는 레이어 영역으로 자주 사용하는 태그이다. 블록레벨요소

id속성은 현재페이지에서 이 요소를 식별하기 위한 속성이다.

이값은 절대 중복될 수 없다.(CSS,javascript)

한글처리: request.setCharacterEncoding("euc-kr");

context.xml 에서 대소문자 꼭 확인하기*****

실습

memberJoin.jsp

memberAdd.jsp

context.xml

src.ex1.MemberDao

package ex1;

import java.sql.Connection;
import java.sql.SQLException;
import java.util.ArrayList;

public class MemberDao {

// 싱글톤 패턴
	private static MemberDao dao;

// getter
	// 첫 요청이 왔을때만 생성해두고 나머지는 static영역에서 이미 생성된 객체의 주소값을 사용한다.
	public synchronized static MemberDao getDao() {
		if (dao == null) dao = new MemberDao();
		return dao;
	}

// to do method...
	// 데이터베이스에 입력처리를 하기 위한 메서드를 정의한다.
	public void memberAdd(MemberDTO vo) {
//		 System.out.println("파라미터값 검수2");
//		 System.out.println("id :"+vo.getId());
//		 System.out.println("pwd :"+vo.getPwd());
//		 System.out.println("name :"+vo.getName());
		// 1.Connection획득
		Connection con = null;
		try {
			con = ConnUtil.getConnection();
			//단축키 sysout 컨트롤스페이스
			System.out.println("Connection Log:"+con);
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			try {
				if (con != null) {
					con.close();
				}
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
	}

public ArrayList<MemberDTO> getMemberList() {
		return null;
	}

public MemberDTO getMemberDetail(int num) {
		return null;
	}

public void deleteMember(int num) {

}

src.ex1.MemberDTO

src.ex1.ConnUtil

'학원수업 > JSP' 카테고리의 다른 글

학원 18일차 복습(4/6) (0)	2018.04.06
학원 17일차 복습(4/5) (0)	2018.04.05
학원 16일차 복습(4/4) (0)	2018.04.04
학원 14일차 복습(4/2) (0)	2018.04.02

이론

서블릿 JSP 개요및 환경설정

Back& 서비스 구조 (WAS)

WAS => Container(Servlet 관리)

1.web.xml :배포지시자 -> 요청에 따른 서비스되는 서블릿의 목록을 관리

2.WAS : HTTPServletRequest,HTTPServletResponse 생성 (요청이 들어올때마다 생성)

3.Servlet: 최초의 서블릿 한번 생성, init() ->service() -> destory() (반복 요청시 init()는 실행안됨)

4.Service: HTTPServletRequest,HTTPServletResponse 요청한 2객체 넣어줌

5.Service 요청방식 분석 Get,Post

클라이언트(request) -> WAS(web.xml) -> Servlet -> Service(request, response) -> doGet,doPost

요청방식 Get,Post(Response, index.jsp) -> 클라이언트

서블릿: 생성되자 마자 서비스 객체를 쓰레드로 관리

서비스: 클라이언트의 서비스 요청대기 ,메서드, 관리해주는 것 쓰레드

서블릿의 생명주기

생성->init() ->service() -> destory()

개발방식 Model1, Model2(MVC패턴)

모델: 비즈니스 로직

<%! 선언부 %> ->멤버영역

<% 스크립트릿 %> -> 지역영역(서비스 메서드안)

<%= 표현식 %> -> out.println(영역안)

Model1 :JSP + DAO -> 1.Thread connection 관점

2.CRUD 데이터 관점

DTO(VO)

Model2(MVC패턴)

1.jsp 주석 : 브라우저는 해석 할 수 없다.

2. 기본 코드를 학습

선언부, 스크립트릿,표현식

html영역은 모두 service영역안에 out.println("<html>")식으로 되어있다.*****

선언부 : ex1_anti.jsp는 서블릿으로 변환 될 때 멤버영역에 해당된다.

스크립트릿 영역 : service메서드안에 위치한 로컬영역이다.

표현식 : out.println()과 동일하다.

form태그는 폼영역안에 데이터(name)를 전송버튼 (submit) 클릭될때 form의 속성인

action으로 데이터들을 전송한다. 이때 method의 기본값은 get이다.

name="id", name="name"에 사용자가 값을 입력하고 난후에 전송하게 되면

ex1_process.jsp에서 그 값을 파라미터로 받아서 데이터값으로 사용할 수 있다.

view(jsp) : 파라미터처리, 비지니스로직을 구현 (메서드로 정의) 선언부에서는 하지않고

별도의 자바객체를 제작해서 사용!

자바객체를 제작 src패키지에서 작업(자바에서 작업을 하듯이)

src/exam/GuGuDanProcess.java를 만들어서 사용!

메서드 설계 : 단,범위,색상을 인자로 전달하고, 그결과를 (html결과) String으로 반환

<%-- 안보이는 주석 --%>

싱글톤 패턴을 적용하는 이유: 제한된 자원을 스레드의 동시성문제로 발생하는 이상현상을 막기위해서 적용한다.

처음 접속일때 생성하고 그이후는 이미 만든 객체를 static영역에 참조해서 재사용하도록 하는 개념이다.

실습

ex1_anti.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%-- 1.jsp 주석 : 브라우저는 해석 할 수 없다.
	 2. 기본 코드를 학습
	 	선언부, 스크립트릿,표현식
		html영역은 모두 service영역안에 out.println("")식으로 되어있다.*****
 --%>
<%-- 선언부 : ex1_anti.jsp는 서블릿으로 변환 될 때 멤버영역에 해당된다. --%>
<%! 
	String msg = "hello"; // 멤버변수
	public String printMessage(){ //메서드 정의
		return msg;
	}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script>
	window.onload=function(){
		//생각해보기 : 자바스크립트에서 jsp의 메서드를 호출해서 값을 출력하는 원리에 대해서
		//생각해보고 발표해봅시다.
		alert('<%=printMessage()%>');
	}
</script>
</head>

<%-- 스크립트릿 영역 : service메서드안에 위치한 로컬영역이다.  --%>
	<%
		//지연변수
		int age = 30;
		//메서드 호출
		String mymsg=printMessage(); // 선언부에서 정의한 메서드를 호출!
		//브라우저에 출력
		out.println("브라우저와 연결된 스트림을 통해서 문자열을 출력");
		out.println("<br/> "+age+","+mymsg);
		System.out.println("여기는 서버의 콘솔에서 출력이 됨");
	%>
	<ul><%-- 표현식 : out.println()과 동일하다. --%>
		<li>나이  :<%=age %></li>
		<li>메세지 :<%=printMessage() %></li>
	</ul>

ex1_form.jsp

ex1_process.jsp

exam_gugu.jsp

exam_guguProcess.jsp

src.exam.GuGuDanProcess.java

package exam;

public class GuGuDanProcess extends GuGuVO {

// 싱글톤 패턴을 적용하는 이유: 제한된 자원을 스레드의 동시성문제로 발생하는
	// 이상현상을 막기위해서 적용한다.
	// 처음 접속일때 생성하고 그이후는 이미 만든 객체를 static영역에 참조해서 재사용하도록 하는 개념이다.
	private static GuGuDanProcess gprocess;

public synchronized static GuGuDanProcess getGprocess() {
		if (gprocess == null)
			gprocess = new GuGuDanProcess();
		return gprocess;
	}

// 1. 호출시 인자값이 너무 많아서 좀 줄여봅시다.
	public String guguExcute(GuGuVO vo) { //반드시 CallbyReference로 전송시 생성,setter로 저장
		StringBuffer sb = new StringBuffer();
		// 비지니스로직 다중for문으로 구구단을 table태그에 넣어서 출력!
		// 여러분은 구구단 프로그램을 완성!
		int dan = vo.getDan();
		int limit = vo.getLimit();
		String color = vo.getColor();
		int d = limit / 2;
		sb.append("<table>");

for (int i = 0; i <= 9; i++) {
			sb.append("<tr>");
			// 선택한 단의 색상을 지정한 색상으로 변경
			for (int j = dan - d; j <= dan + d; j++) {
				if (i == 0) {
					if (j == dan) {
						sb.append("<td style='background:").append(color).append("'>").append(j).append("단");
					} else {
						sb.append("<td>").append(j).append("단");
					}
				} else if (j == dan) {
					sb.append("<td style='background:").append(color).append("'>").append(j).append("x").append(i)
							.append("=");
					sb.append(j * i).append("</td>");
				} else {
					sb.append("<td>").append(j).append("x").append(i).append("=");
					sb.append(j * i).append("</td>");
				}

}
			sb.append("</tr>");
		}

sb.append("</table>");
		return sb.toString();
	}
}

src.exam.GuGuVO.java

'학원수업 > JSP' 카테고리의 다른 글

학원 18일차 복습(4/6) (0)	2018.04.06
학원 17일차 복습(4/5) (0)	2018.04.05
학원 16일차 복습(4/4) (0)	2018.04.04
학원 15일차 복습(4/3) (0)	2018.04.03

파워욱의 코딩메모장