Send02.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
○데이터 송수신 실습 02
-이름과 국어점수 영어점수 수학점수를 서버로 전송하여
총점,평균에 대한 결과를 받을 수 있는 JSP 페이지를 작성한다.
-사용자의 최초 요청 주소는
http://localhost:8090/WebApp05/Send02.html로 한다.
-처리 내용을 보여주는 결과 페이지의 주소는
http://localhost:8090/WebApp05/Receive02.jsp로 한다.
-결과 페이지의 레이아웃
홍길동님, 성적 처리가 완료되었습니다.
회원님의 점수는 국어:90점 영어:80점 수학:70점입니다.
총점은 240점 , 평균은 80점입니다.
-->
<div>
<form action="Receive02.jsp" mthod="get">
<table class ="tbl" style="width: 50%">
<tr>
<th>이름</th>
<td>
<!-- 6. id,name 속성은 -->
<!-- 어떤 계층 어떤 영ㅇ역에서 어떤 선택자로 활용할지에 따라 -->
<!-- 적절히 생각해서 부여해야 한다. -->
<!-- 기억 !★★ ※ name 속성은 JSP에서 사용하게 될 식별자 ★★ -->
<input type="text" name="userName" class ="txt" placeholder="이름을 입력하세요" >
</td>
</tr>
<tr>
<th>국어점수</th>
<td>
<input type="text" name="userKor" class ="txt" placeholder="국어점수를 입력하세요" >
</td>
</tr>
<tr>
<th>수학점수</th>
<td>
<input type="text" name="userMat" class ="txt" placeholder="수학점수를 입력하세요"><br>
</td>
</tr>
<tr>
<th>영어점수</th>
<td>
<input type="text" name="userEng" class ="txt" placeholder="영어점수를 입력하세요"><br>
</td>
</tr>
<tr style="height: 40px;">
<th colspan="2">
<!-- 5. submit 을 통해 전송 기능 수행 -->
<!-- btton태그는 태그와 태그 사이에 다른 태그를 넣을 수 있다 -->
<button type="submit" style="width: 150px;" class="btn">입력</button>
<button type="reset" style="width: 150px;" class="btn">취소</button>
</table>
</form>
</div>
</body>
</html>
Receive02.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
//데이터 수신->스크립 릿 영역 ->자바 문법적용
request.setCharacterEncoding("UTF-8");
String userName=request.getParameter("userName");
String userKor=request.getParameter("userKor");
String userEng=request.getParameter("userEng");
String userMat=request.getParameter("userMat");
int tot=0;
double avg=0.0;
tot=Integer.parseInt(userKor)+Integer.parseInt(userEng)+Integer.parseInt(userMat);
avg=tot/3.0;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<!-- 표현식 -->
<div>
<h1>점수 확인
<hr>
</h1>
</div>
<div>
<%=userName %>님,의 점수 정보<br>
국어점수:<%=userKor %><br>
수학점수:<%=userMat %><br>
영어점수:<%=userEng %><br>
총점:<%=tot %><br>
평균:<%=String.format("%.1f",avg)%><br>
</div>
</body>
</html>