[36일차] Servlet. jsp

💙2022-08-10💙

헤더 부분이 있고

response는 실제 html 소스 전달하려는 내용이 들어있다.

초창기 WWW 맵의 모습.. 여기서 알 수 있듯이 옛날 부터 거슬러 올라가자면,

미리 만들어둔 html 문서를 보여준다. 철저히 static한 리소스만을 보여준다. 미리 만들어둔..

브라우저 화면에 칸에다가 자기 학번을 집어 넣고서 버튼을 눌렀을 때 본인에 대한 자료

다이나믹한 자료,,, static 다이나믹 그림이 움직이냐 안움직이냐 그게 아니라 static하냐 dynamic하냐,,,

사용자 요청에 따라서 구분해서 동작하는게 필요하다.

새로운 시도 -> 자바 기준 ! 사용자가 요청하는 거에 따라서 다른 동작을 해주려면 자바로 짠 비즈니스 로직이 필요하다.

servelt 서블릿

서블릿이란 Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술입니다

웹 애플리케이션 서버다. WAS로 줄여서 쓴다. Apache Tomcat 무료 버전 web sphere JEWS 국산 신기술

윈도우 start

other - server

doget get방식으로 호출할 때 default는 get 방식

언제 어떤 방식 매핑

first라는 주소로 올 때 서블렛 매핑

loginServlet

login.html

server 켜서 login.html

LoginServlet.java



package com.gyuone.test01;

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

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 LoginServlet
 */
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

/**
 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
 */
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("utf-8");
String user_id = request.getParameter("user_id"); /* 입력 안에 있는 nameparameter 서버랑 attribute를 맞춘다.*/
String user_pw = request.getParameter("user_pw");
System.out.println("아이디: " + user_id);
System.out.println("패스워드: " + user_pw);

}

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// TODO Auto-generated method stub
req.setCharacterEncoding("utf-8");
String user_id = req.getParameter("user_id"); /* 입력 안에 있는 nameparameter 서버랑 attribute를 맞춘다.*/
String user_pw = req.getParameter("user_pw");

resp.setContentType("text/html;charset=utf-8");
PrintWriter out = resp.getWriter();

StringBuffer sb = new StringBuffer();
sb.append("<html>");
sb.append("<body>");
sb.append("아이디");
sb.append(user_id);
sb.append("<br>");
sb.append("비밀번호 : ");
sb.append(user_pw);
sb.append("</body>");
sb.append("</html>");
out.print(sb.toString());
}
}

package com.gyuone.test01;

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

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 LoginServlet
 */
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		request.setCharacterEncoding("utf-8");
		String user_id = request.getParameter("user_id"); /* 입력 안에 있는 nameparameter 서버랑 attribute를 맞춘다.*/
		String user_pw = request.getParameter("user_pw");
		System.out.println("아이디: " + user_id);
		System.out.println("패스워드: " + user_pw);
		
	}

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		req.setCharacterEncoding("utf-8");
		String user_id = req.getParameter("user_id"); /* 입력 안에 있는 nameparameter 서버랑 attribute를 맞춘다.*/
		String user_pw = req.getParameter("user_pw");
		
		resp.setContentType("text/html;charset=utf-8");
		PrintWriter out = resp.getWriter();
		
		StringBuffer sb = new StringBuffer();
		sb.append("<html>");
		sb.append("<body>");
		sb.append("아이디 : ");
		sb.append(user_id);
		sb.append("<br>");
		sb.append("비밀번호 : ");
		sb.append(user_pw);
		sb.append("</body>");
		sb.append("</html>");	
		out.print(sb.toString());
	}
}

JSP (Java Server Page)

초기 웹 프로그램은 서블릿을 이용해서 구현
화면의 기능이나 구성이 복잡해짐에 따라 프로그래머가 서블릿으로 화면을 구현하지 않고 주로 디자이너가 이 일을 담당
서블릿의 기능 중 별도로 화면 기능을 디자이너가 작업하기 쉽게 하기 위해 JSP가 등장
JSP는 디자이너 입장에서 화면의 수월한 기능 구현과 개발 후 화면의 편리한 유지관리를 목적으로 도입
JSP는 HTML, CSS와 자바스크립트를 기반으로 JSP 요소들을 사용해 화면을 구현

E:\source\java\eclipse-workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\ServletTest\org\apache\jsp

hello2.jsp

hello3.jsp

	<%@ page language="java" contentType="text/html; charset=UTF-8"
	    import="java.util.*"
	    import="sec02.ex01.*"
	    pageEncoding="UTF-8"
	%>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	h1 {
	text-align: center;
	}
	</style>
	  <meta charset="UTF-8">
	<title>회원 정보 출력창</title>
	</head>
	<body>
	<h1>회원 정보 출력</h1>
	<%
	   request.setCharacterEncoding( "utf-8" );
	   String _name = request.getParameter("name");
	   CustomerVO customerVO = new CustomerVO();
	   customerVO.setCustName(_name);
	   CustomerDAO dao=new CustomerDAO();
	   List<CustomerVO> customersList=dao.listCustomers(customerVO);
	%>
	 <table border='1' width='800' align='center'>
	   <tr align='center' bgcolor='#FFFF66'> 
	     <td>아이디</td>
	     <td>비밀번호</td>
	     <td>이름</td>
	     <td >이메일</td>
	     <td>가입일자</td>
	</tr>
	<%	
	   for (int i=0; i < customersList.size(); i++){
			CustomerVO vo=(CustomerVO) customersList.get(i);
			String id=vo.getCustId();
	      	String pwd=vo.getPhone();
	      	String name=vo.getCustName();
	      	String addr=vo.getAddr();
	      	String regDate=vo.getRegDate();
	%>
	     <tr align=center>
	       <td><%= id %></td>
	       <td><%= pwd %></td>
	       <td><%= name %></td>
	       <td><%= addr %></td>
	       <td><%=regDate  %></td>
	     </tr>
	   
	<%		
	   }
	%>	
	</table>
	</body>
</html>

el-ignored

customer1.jsp

	<%@ page language="java" contentType="text/html; charset=UTF-8"
	    pageEncoding="UTF-8" isELIgnored="false"  %>
	<%
	   request.setCharacterEncoding("UTF-8");
	   String custId=request.getParameter("custId");
	   String pwd=request.getParameter("phone");
	   String custName= request.getParameter("custName");
	   String addr= request.getParameter("addr");
	   String birthDate= request.getParameter("birthDate");
	  
	%>   
	<html>
	<head>
	<meta charset="UTF-8">
	<title>회원 정보 출력창</title>
	</head>
	<body>
	<table border="1"  align="center" >
	    <tr align="center" bgcolor="#99ccff">
	      <td width="20%"><b>아이디</b></td>
	      <td width="20%"><b>비밀번호</b></td>
	      <td width="20%" ><b>이름</b></td>
	      <td width="20%"><b>주소</b></td>
	      <td width="20%"><b>생일</b></td>
	   </tr>
	   <tr align=center>
	      <td><%=custId %> </td>
	      <td><%=pwd%> </td>
	      <td><%=custName %> </td>
	      <td><%=addr %> </td>
	      <td><%=birthDate %> </td>
	   </tr>   
	   <tr align=center>
	      <td>${param.custId } </td>
	      <td>${param.phone } </td>
	      <td>${param.custName } </td>
	      <td>${param.addr }</td>
	      <td>${param.birthDate }</td>
	   </tr>
	</table>
	</body>
</html>

customerForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 가입창</title>
<body>
	<form method="post" action="customer1.jsp">
		<h1 style="text-align: center">회원 가입창</h1>
		<table align="center">
			<tr>
				<td width="200"><p align="right">아이디</td>
				<td width="400"><input type="text" name="custId"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">비밀번호</td>
				<td width="400"><input type="password" name="phone"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">이름</td>
				<td width="400"><p>
						<input type="text" name="custName"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">주소</td>
				<td width="400"><p>
						<input type="text" name="addr"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">생일</td>
				<td width="400"><p>
						<input type="text" name="birthDate"></td>
			</tr>
			<tr>
				<td width="200"><p>&nbsp;</p></td>
				<td width="400"><input type="submit" value="가입하기"> <input
					type="reset" value="다시입력"></td>
			</tr>
		</table>
	</form>
</body>
</html>

<%
   request.setCharacterEncoding("UTF-8");
   String custId=request.getParameter("custId");
   String pwd=request.getParameter("phone");
   String custName= request.getParameter("custName");
   String addr= request.getParameter("addr");
   String birthDate= request.getParameter("birthDate");

%>

위에는 이거를 가져와야하기 때문에 param을 많이 쓰게 된다.

JSTL

JSTL의 정식 명칭은 자바서버 페이지 표준 태그 라이브러리(JavaServer Pages Standard Tag Library)이고 줄여서 JSTL이라 부른다.

https://tomcat.apache.org/download-taglibs.cgi

Apache Tomcat® - Apache Taglibs Downloads

Welcome to the Apache Taglibs download page. This page provides download links for obtaining the latest version of the Apache Standard Taglib, as well as links to the archives of older releases. You must verify the integrity of the downloaded files. We pro

tomcat.apache.org

다운로드 받기 4개다 webapp에 붙여넣기

국제화 - 다국어

customer2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  request.setCharacterEncoding("UTF-8");
%>  

<c:set  var="id"  value="hong"  scope="page" />
<c:set  var="pwd"  value="1234"  scope="page" />
<c:set  var="name"  value="${'홍길동'}"  scope="page" />
<c:set  var="age"  value="${22}"  scope="page" />
<c:set  var="height"  value="${177}"  scope="page" />

<html>
<head>
  <meta charset=”UTF-8">
  <title>회원 정보 출력창</title>
</head>
<body>
<table  align="center"  border=1  >
   <tr align="center"  bgcolor="lightgreen" >
      <td width="7%" ><b>아이디</b></td>
      <td width="7%" ><b>비밀번호</b></td>
      <td width="7%" ><b>이름</b></td>
      <td width="7%"><b>나이</b></td>
      <td width="7%" ><b>키</b></td>
   </tr>
   <tr align="center">
      <td>${id}</td>
      <td>${pwd}</td>
      <td>${name}</td>
      <td>${age}</td>
      <td>${height}</td>
	   </tr>
</table>
</body>
</html>

customer3.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
     import="java.util.*" pageEncoding="UTF-8"  isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  List<String> dataList=new ArrayList<String>();
  dataList.add("hello");
  dataList.add("world");
  dataList.add("안녕하세요!!");
%>
<c:set  var="list"  value="<%=dataList  %>" />
<html>
<head>
<meta charset=”UTF-8">
<title>반복문 실습</title>
</head>
<body>
   <c:forEach  var="i" begin="1" end="10" step="1"  varStatus="loop">
    i=  ${i}   &nbsp;&nbsp;&nbsp;  반복횟수: ${loop.count} <br>
   </c:forEach>
 <br>
   <c:forEach  var="i" begin="1" end="10" step="2" >
        5 * ${i} = ${5*i}<br>
   </c:forEach>
<br>
   <c:forEach  var="data" items="${list}" >
       ${data } <br> 
   </c:forEach>
<br>
<c:set var="fruits" value="사과, 파인애플, 바나나, 망고, 귤"  />
<c:forTokens  var="token" items="${fruits}" delims="," >
    ${token} <br> 
</c:forTokens>
	</body>
</html>

MVC Model View Controller

Django에서는 MVT 패턴..

'IT > WEB' 카테고리의 다른 글

[38일차] AOP/ aop concert project (0)	2022.08.12
[37일차] AutoDi (0)	2022.08.11
[37일차] dISample project (0)	2022.08.11
[37일차] Spring Bean (0)	2022.08.11
[36일차] 스프링 (0)	2022.08.10