2019/08/23 JSP에서 를 HTML이용한 성적 양식 만들어 보기

2019년 08월 23일

조별하
작성자
2019.08.23.:57

[전 수업] JSP 에서 내부객체가 무엇인지 짧게 배워 보았다

[본 수업] JSP에서 를 HTML이용한 성적 양식 만들어 보자

1. 데이터를 입력할 페이지를 HTML양식으로 만들기

<%@ page  contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>06_form기초.jsp</title>
</head>
<body>
	<h1>* 성적 입력 *</h1>
	<form name="sungjuk"
			id="sungjuk"
		method="get"
		action="06_formok.jsp">
	이름 : <input type="text" name="uname" id="uname" size="10" maxlength="10" required>
	<hr>
	국어 : <input type="number" name="kor" id="kor" size="5" min="0" max="100">
	<!--숫자만 올 수 있는 number  -->
	<hr>
	영어 : <input type="number" name="eng" id="egn" size="5" min="0" max="100">
	<hr>
	수학 : <input type="number" name="mat" id="mat" size="5" min="0" max="100">
	<hr>
	<input type="submit" value="전송">
	<input type="reset" value="취소">	
		</form>
</body>
</html>

※사용자가 입력한 정보를 서버로 전송하기 위한 양식
name : 폼 이름
id : 폼 아이디 주로 javascript jQuery에서 사용
method : 폼 전송 방식. get | post 방식 (default 값은 get 이다)
action : 사용자가 요청한 정보를 서버가 받아서 처리할 결과페이지
enctype: 폼에서 파일을 첨부해서 서버로 전송하고자 할때
"multipart/form-data"추가

2. 입력한 데이터 값을 받은 출력 페이지를 만들어 보자

<%@ page  contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>06_formok.jsp</title>
</head>
<body>
	<h1>* 성적결과 *</h1>
	<%
		out.print(request.getParameter("uname"));
		out.print("<hr>");
		out.print(request.getParameter("kor"));
		out.print("<hr>");
		out.print(request.getParameter("eng"));
		out.print("<hr>");
		out.print(request.getParameter("mat"));
		out.print("<hr>");	
	%>
</body>
</html>

※ request 내부객체
->사용자가 요청한 정보를 관리하는 객체
request.getParameter("");
요청한 정보를 개별적으로 가져올때
-->request.getParameter("kor")
이렇게 코딩을 하면 사용자가 입력한 kor 점수를 가져올 수 있다
불러오는 값은 name에 해당하는 값을 불러온다

왼쪽 페이지 에서 입력한 데이터를 request.getParameter("");로 받아와서 출력

form 양식에서 action에 존재하지 않는 페이지로 결과를 처리하면 나오는 오류

3. method 을 get 방식을 이용한 url분석

.jsp? 이후 : 서버로 전송되는 값들
-> ok.jsp? 변수1=값1&변수2=값2&변수3=값3....
-> ok.jsp?uname=겨울밤&kor=100&eng=95&mat=75

※method=get 방식
->사용자가 요청한 정보가 URL 노출된다 (보통 검색어에서 get 방식을 많이 사용한다)

ex)

네이버 페이지의 url을 살펴보면 검색어에 입력한 값이 노출되기 때문에 get 방식이다

4. method= post 방식

<h1>* 성적 입력 *</h1>
<form name="sungjuk"
	id="sungjuk"
	method="post"
	action="06_formok.jsp">

※method=post 방식
->사용자가 요청한 정보가 URL 에 노출되지 않고
->패키지화 되어서 서버로 전송
->한글이 깨짐
->예) 비번,주민번호,계좌번호

5. method=post 방식 으로 깨지는 한글을 인코딩 해보자

//1)한글 UTF-8 인코딩
	request.setCharacterEncoding("UTF-8");
//2)사용자 입력 요청한 정보를 개별적으로 가져오기
	String uname =request.getParameter("uname");
	int kor =Integer.parseInt(request.getParameter("kor"));
	int eng =Integer.parseInt(request.getParameter("eng"));
	int mat =Integer.parseInt(request.getParameter("mat"));
	int aver= (kor+eng+mat)/3;
//4)출력
	out.print("이름: "+uname);
	out.print("<hr>");
	out.print("국어: "+kor);
	out.print("<hr>");
	out.print("영어: "+eng);
	out.print("<hr>");
	out.print("수학: "+mat);
	out.print("<hr>");

1) request.setCharacterEncoding("UTF-8"); 로 한글을 인코딩 해준다

2) request.getParameter 로 입력한 데이터 값을 받아옴

3) kor,eng,mat 는 String으로 저장이 되어 있기 때문에

4) Integer.parseInt로 String 값을 정수값으로 변경해 변수에 저장

<table border="1">
<tr>
	<th>이름</th>
	<th>국어</th>
	<th>영어</th>
	<th>수학</th>
	<th>평균</th>
</tr>
<tr>
	<td><%=uname%></td>
	<td><%=kor%></td>
	<td><%=eng%></td>
	<td><%=mat%></td>
	<td><%=aver%></td>	
</tr>
</table>

'JAVA 교육 > Jsp' 카테고리의 다른 글

2019/08/23 다양한 컨트롤 요소들 (0)	2019.08.23
2019/08/23 계산 연습 (0)	2019.08.23
2019/08/23 내부객체 (0)	2019.08.23
2019/08/22 JSP 성적프로그램(기초문법,배열,메소드) (0)	2019.08.22
2019/08/22 JSP 기초 문법 (0)	2019.08.22

다음 글이 없습니다.

이전 글이 없습니다.

'JAVA 교육 > Jsp' 카테고리의 다른 글

티스토리툴바