jsp 정리하기2(jsp-> jsp-> jsp 로 데이터 받기)

jsp 파일을 jsp로 jsp를 다시 jps로 데이터 받는 작업을 해볼 것이다.

즉, 첫번째 jsp 파일의 데이터를 마지막 jsp파일에서도 데이터를 가져올 수 있어야 한다.

 

먼저 이력서 등록 3가지 jps를 만들 것이다. 

 

시작 전 한글깨짐 방지코드를 넣는 것 잊지 말자!!

 

1. 첫번째 jps 파일 작성하기

<form action="resume.jsp" method="post"> 

<div class> 

<div class>
<h1>이력서 등록</h1>
</div>

<div class>
<div>이름 </div> 
<div> <input type="text" name="name"> </div>



<div>연락처</div>   (화면과 다르게 010-1234-5789 형태로 나오게 할 것이다)
<div>
<select name="tel">
<option>010</option>
<option>011</option>
<option>012</option>
</select> 
<input type="text" name="tel">
<input type="text" name="tel">
</div>


<div class="btnDiv">
 <input type="submit" value="등록하러 가기" >
</div>

</div>
</form>

 

나는 form태그 안의 내용들을 resume.jsp 파일로 이동시킬거라고 작성했다.

 

2. 두번째 resume.jsp 파일 만들기

<form action="final_resume.jsp" method="post">


(★첫번째.jsp 파일에 있는 자료도 넘겨야 한다. 
form 태그 안 input 태그에 자료를 넣으면 데이터를 가져갈 수 있다.
두번째 페이지에서는 첫번째 자료가 필요 없기에 type을 hidden으로 변경하고,
value에 실질적인 값 ${param. 이름으로 지정한것} 을 넣어준다)

<input type="hidden" value="${param.name }" name="name"> 
<input type="hidden" value="${param.tel }" name="tel">



<div class="container">
<div>
<h1>이력서 정보</h1>
</div>

<div>
<div>학력</div>
<div>
<select name="edu">   (select에 이름 설정 옵션에 value 설정 잊지 말아야 한다!)
   <option value="대학교졸업">대학교졸업</option>
   <option value="대학교 졸업예정">대학교졸업예정</option>
   <option value="전문대졸">전문대졸</option>
   <option value="고등학교 졸업">고졸</option>
</select>
<input type="text" name="school" placeholder="학교명">
</div>
</div>

<div>
지원구분
<input type="radio" name="applyType" checked value="신입">신입
<input type="radio" name="applyType" value="경력">경력
</div>

<div>
<div>자격정보</div>
<div>
<table> 
<thead>
<tr>
<td>자격증명</td>
<td>취득일자</td>
<td>발행기관</td>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text"  name="certiName"></td>
<td> <input type="date"  name="certiDate"></td>
<td> <input type="text"  name="certiCompany"></td>
</tr>
</tbody>
</table>
</div>

</div>
<div>
<div>경력정보</div>
<div>
<table> 
<thead>
<tr>
<td>회사명</td>
<td>담당업무</td>
<td>경력기간</td>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text"  name="company"></td>
<td> <input type="text"  name="job"></td>



<td>      (한 칸에 00년 00개월을 표현하고 싶을 때 간격 줄여서 넣기)  
<input type="number"  name="careerYear" style="width: 60px;" min="0" >년 

(★type을 숫자로만 지정하면 마이너스도 선택 가능하기 때문에 min, max 설정이 필요하다)
<input type="number"  name="careerMonth" style="width: 90px;" max="11" >개월
</td>
</tr>
</tbody>
</table>
</div>
</div>

<div>
<div>자기소개</div>
<div> <textarea rows="5" cols="110" name="intro"></textarea> </div> 
</div>

<div>
<input type="submit" value="제출하기"> 
</div>

</div>
</form>

3. final_resume.jsp 파일 만들기

<div class>
<div>
<h1>이력서 확인</h1>
</div>
<div>
<table>
<tr>
<td>이름</td>
<td>${param.name }</td>



(화면과 다르게 010-1234-5678로 나오게 하고자 한다)
<td>연락처</td>

<td>${paramValues.tel[0] }-${paramValues.tel[1] }-${paramValues.tel[2] }</td>
(★이름으로 정한 속성값에 여러가지 정보가 담겼을 때는 param이 아니라 paramValues를 사용한다!!!)

(또한, 010-1234-5678 형태로 만들기 위해 배열을 사용하요 tel[0]에는 
select에서 받은 값인 010 tel[1]에는 1234 tel[2]에는 5678이 들어가도록 만듦)


</tr>
<tr>
<td>학력</td>
<td>
${param.edu }
${param.school }
</td>
<td>지원부문</td>
<td>${param.applyType }</td>
</tr>
</table>
</div>

<div>
<table>
<tr>
<td>자격증 정보</td>
<td>
${param.certiName}
${param.certiDate}
${param.certiCompany}
</td>
</tr>
<tr>
<td>경력 정보</td>
<td>
${param.company }
${param.job }
${param.careerYear }년
${param.careerMonth }개월
</td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td>자기소개</td>
</tr>
<tr>
<td> ${param.intro }</td>
</tr>
</table>
</div>
</div>