- 2019/08/23 JSP에서 를 HTML이용한 성적 양식 만들어 보기2019년 08월 23일
- 조별하
- 작성자
- 2019.08.23.오후12: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 다음글이전글이전 글이 없습니다.댓글
