웹페이지에서 사용자의 입력을 받고, 이 정보를 이용해서 JSP로 무언가를 하게 하는 것은, 아주 일반적인 JSP프로그래밍 방법중 하나이다.
이번 장에서는 이것을 구현해 본다.
프로그램의 구조는 다음과 같다.
UserInputTest.html 이라는 HTML파일에서 사용자의 이름을 텍스트박스로 입력받을 수 있게 만들고, 이 화면에서 '입력 완료'버튼을 누르면 UserInputTest.jsp로 사용자가 입력한 이름정보가 전달되어 실행되도록 하는 구조이다.
구현해보자.
0)개발 환경
앞 장에서 설명한대로, JDK, Eclipse for Java EE, Tomcat이 설치되어 있다고 가정한다. (이 프로젝트만을 위해서는 MySQL이 필요없다.)
1)Eclipse에서 프로젝트 생성
-
Eclipse를 실행하고, Project Explorer에서 마우스 우클릭 후, New/Project
-
Select a wizard에서 "Web/Dynamic Web Project" 선택
-
Project name을 UserInputTest로 하고 Finish
2)UserInputTest.html 파일 작성
-
생성된 UserInputTest프로젝트에서, WebContent를 선택하고 마우스 우클릭. 'New/HTML File' 선택하고, File name을 UserInputTest.html로하고 Next
-
Select HTML Template에서, 'New HTML File(4.01 strict)으로 선택하고 Finish
-
생성된 UserInputTest.html에 다음과 같이 되도록 수정
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<form method=post action="UserInputTest.jsp">
이름 <input type="text" name="nameText" />
<p>
<input type="submit" value="입력 완료" />
</form>
</body>
</html>
3)UserInputTest.jsp 파일 작성
-
생성된 UserInputTest프로젝트에서, WebContent를 선택하고 마우스 우클릭. 'New/JSP File' 선택하고, File name을 UserInputTest.jsp로하고 Finish
- 생성된 jsp파일을 아래와 같이 되도록 수정.
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<%
request.setCharacterEncoding("euc-kr");
String nameStr = request.getParameter("nameText");
%>
<body>
이름은 '<%=nameStr %>' 입니다.
</body>
</html>
4)실행
-
작성된 UserinputTest.html과 UserInputTest.jsp를 저장
-
Project Explorer에서 UserInputTest.html을 선택하고 마우스 우클릭. 'Run As/Run on Server'를 해서 실행
-
아래와 같이 HTML파일이 싱행된 화면이 보이면, '이름' 옆에 있는 박스에 '홍길동'이라고 치고 '입력 완료' 버튼 누른다.
-
아래 그림과 같이, UserInputTest.jsp가 실행된 화면이 뜨면 성공!
다음 장에서는, 이번 장에서 작성한 프로그램을 확장해서, Java로 특정 클래스를 만들고, 이 클래스를 jsp파일에서 호출하는 프로그램을 작성해 보겠다.
-끝-
'프로그래밍 > 웹 프로그래밍' 카테고리의 다른 글
| 06. 웹 페이지를 퍼블릭하게 오픈하기 (0) | 2015.02.02 |
|---|---|
| 05. HTML -> JSP -> Java Class (0) | 2015.01.30 |
| 03. JSP로 MySQL 데이터 다루기 (0) | 2015.01.15 |
| 02.MySQL 다루기 (0) | 2015.01.12 |
| 01. 환경 구축(JDK, 아파치 톰캣, Eclipse, MySQL) (0) | 2015.01.06 |