티스토리 뷰
이제 본격적으로 JSP 실습을 해 볼것 입니다. 아직은 JSP 파일이랑 DB랑 연동되서 할것은 아닙니다.
일단 MyWe프로젝트 에 마우스 를 올려 놓고 오른쪽 마우스 클릭을 한 다음에 2개의 JSP 파일을 만들어 줍니다.
그러면 두개의 jsp 파일이 WebContent\WEB-INF\lib\에 만들어 집니다.
일단 registerForm.jsp 파일로 들어가 작업을 해보도록 하겠습니다.
jsp 파일을 보면 맨처음 아래와 같이 보여질 것 입니다.
일단 <title>Insert title here</title> 여기다가
<title>회원 가입 하기</title> 로 바꾸어주고 run 을 실행해 보자
사진에서 보이는 바와 같이 "회원 가입 하기" 로 바뀐다.
이제 다시 registerForm.jsp 파일로 돌아간다
<body>
</body>
에다가
<form 까지 치고 Ctrl + space 바를 눌러서 form 태그를 완성시킨다.
그러면
<form action="">
</form>
이러한 구조가 나올것이다.
form 태그에 대해 알아보자
<form action="이동할 페이지">
</form>
<form -> 태그 : 데이터 처리를 위한 한건의 단위
전송을 위한 한건의 단위
action : 속성
아래와 같이 입력을 한다.
[해석]
registerTo.jsp 로 post 메서드 형식으로 form 태그에 있는 내용들을 전송하겠다는 뜻이다.
[해석]
registerTo.jsp 파일로 사번을 입력하여 보낼건데 입력(input) 타입은 text 이름(name)은 sabun 으로 하겟다는 뜻이다.
여기서 <br> 은 Enter 즉, 줄바꿈을 의미한다.
이제 Run 을 돌려보자
사진 처럼 입력 할수 있도록 설정이 되었다.
위 사진처럼 입력을 하고 run돌린다.
그러면 이렇게 된다. 여기서 해석을 해보자면
[해석]
1.
입력(input)을 하는데 type이 reset 이다. 이것은 어떤 값을 입력하고 입력한 값이 잘못 입력되었을때가 있을것이다. 이따 value를 초기화로 설정해 주었으니
초기화 버튼을 누르면 reset(초기화) 가 되버려 맨 처음 상태로 되어서 다시 입력할수 있게 된다.
2.
입력(input)응ㄹ 하는데 type 가 sibmit 타입이다. 그리고 value는 가입하기여서 어떠한 값을 입력하고 가입하기 버튼을 누르면
<form action="registerTo.jsp "> 즉, registerTo.jsp 파일로 넘어가게 된다.
사번은 입력하도록 설정 하였으니
이름, 이메일, 비밀번호, 전화, 입사 일자, 급여, 관리자 아이디, 취미, 성별 을 입력할수 있게 설정하도록 하자.
이것처럼 입력을 다 해보자.
여기서 이메일 부분을 보자
이메일 부분에서 <select> </select> 부분이 있을것이다. 이부분은 우리가 이메일을 설정할때 naver.com daum.net 등 많은 메일주소가 있을것이다. 이것을 설정하도록 하기 위해 쓰는 것이다.
이제 registerTo.jsp 파일로 넘어가보자
<body> </body> 부분에다가 출력하는것을 만들것이다.
html의 내용중 표를 만들려면
<table> </table> 을 사용
<tr> </tr> 행
<td> </td> 열
※<table> </table> 태그에 <table border =1> 을 추가해주면 표형식으로 만들어진다. border 이 표의 두께를 말하는 것이다.
이렇게 작성하고 run 하고 사본이랑 이름에 다가 각각 1, 홍길동 이라고 치면
숫자는 문제없이 출력되는데 이름은 한글로 입력되어서 보다시피 깨짐현상이 일어난다 이를 막기위해서
이렇게 설정하고 다시 run 돌려보면 문제없이 한글이름이 출력될 것이다.
여기서 보면 성별을 선택하고 출력하면
이렇게 나올것이다. '남', '여' 로 안나오는 이유는 registerForm.jsp 파일에서
여기에 문제가 있다.
왜냐하면 옆에 < >남자 이렇게 써있는건 맨처음 선택할때 남자 여자 라고 표시되는곳이다. 그리고 type중에서 radio 타입은 성별은 중복되어서 선택하면 안되니 radio 타입이라고 한것이다. 반면 취미에서 보면 checkbox 타입이다. 이것은 중복해서 선택할 수 있다는 뜻이다.
그래서 성별과 취미를 아래 사진처럼 변경 해 준다.
이렇게 하면 나중에 출력할때 value="내용" 내용의 값으로 출력이 된다.
그리고 취미 변수 선언쪽을 보면
아래와 같이 선언해주고 run 돌리면
1)최종 입력
2)최종 출력
'허접한 프로그래밍 > [JSP]Programming' 카테고리의 다른 글
| [JSP] 8. JSP를 이용한 간단한 구구단예제 (0) | 2013.08.20 |
|---|---|
| [JSP] get방식과 post방식 (0) | 2013.08.20 |
| [JSP] 5. eclipse 와 tomcat 연동과 JSP 시작하기 (0) | 2013.08.19 |
| [JSP] 4. 용어정리 및 실습 (Alias(별칭) 사용) (0) | 2013.08.19 |
| [JSP] 3. 용어정리 및 실습(Select) (0) | 2013.08.19 |
