네트워크 프로그래밍-tomcat 서버 연동, UTF-8 설정,JSP-form

ㄴ자바의 대략적인 부분을 확인했으니 JSP로 넘어간다.

JSP는 자바계열의 웹프로그래밍이다.

HTML,CSS등이 웹을 꾸며준다면. JSP, PHP와 같은 프로그래밍은 뒤쪽에서 웹이 원활하게 돌아가게끔 해주는 프로그래밍 언어이다.

예를들어 HTML,CSS로 로그인 양식을 만드는 것이 가능하며, 이것을 전송하고 전송한 것을 JSP를 통해 DB연동, 비교 등등이 가능하다.

JSP를 사용하기 위해서 우선 톰캣서버 연동이 필요하다.

우선 http://tomcat.apache.org/ 사이트에서 톰캣 서버를 다운 받자. 버전은 8.5를 기준으로 한다.

1. 이클립스를 EE Developer로 설치한다.

2. windows 탭의 preference-server-runtime Enviroment로 들어가 add를 누른다.

3. 임의의 버전을 선택한다. 여기서는 8.5 선택

4. installation directory를 tomcat폴더로 지정한다.

5. General의 workspace에서 Text file encoding을 other로 체크, UTF-8로 선택한다.

6.General의 content Types를 선택 후 Java Class File의 default encoding을 UTF-8로 선택한다.

7.Text의 CSS, HTML, Java source File의 Default encoding도 모두 UTF-8로 선택한다.

8. JSP도 UTF-8로 선택한다.

9. Web의 CSS Files와 HTML Files, JSP Files로 선택 후 Encoding을 UTF-8로 바꾼다.

JSP-form

form 양식을 JSP를 통해 받기 위해서는 다음과 같은 과정이 필요하다.

우선 form 양식부터 작성해보자.

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<form method = "post" action = "process.jsp">

<table border = 1>

<tr>

<th>이름</th>

<th><input type="text" name="name"></th>

</tr>

<tr>

<td>이메일</td>

<td><input type="text" name="email"></td>

</tr>

<tr>

<td colspan = 2 align = "center"><input type=submit value="전송"></td>

</table>

</form>

</body>

</html>

위의 코드는 다음과 같은 양식을 만들어준다.

전송을 누르면 입력한 값이 process.jsp로 넘어간다.

process.jsp의 코드는 다음과 같다.

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

request.setCharacterEncoding("UTF-8"); // 한글이 깨지는 것을 방지하기위해 UTF-8로

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

String name = request.getParameter("name");

//앞에 name은 임의로 지정해준 JSP 변수이다.

//뒤의 괄호 안에 "name"은 앞서 설정한 HTML에서 받아온 input의 name이다.

//HTML 사이에서 JSP를 쓰기위해서는 <% %> 사이에 JSP 코드를 입력해준다.

String email = request.getParameter("email");

//이것도 위와 같다. 앞에 email은 JSP 변수이다.

//뒤의 괄호 안에 "email도 앞서 설정한 HTML에서의 name이다.

<h2>회원 정보</h2>

<table boerder = 1>

<tr>

<td>이름</td><td><%=name %></td>// JSP 변수 name을 HTML 사이에 대입하기위한 식이다.

</tr>

<tr>

<td>이메일</td><td><%=email %></td>

</tr>

</table>

</body>

</html>

이처럼 JSP에서는 HTML에서 받은 결과 값을 자원으로 여러가지 작업에 활용할 수 있다.

저작자표시

'프로그래밍 > 네트워크 프로그래밍' 카테고리의 다른 글

네트워크 프로그래밍-JSP(DB연동) (0)	2018.11.25
네트워크 프로그래밍-자바(db 연동, STMT, PSTMT) (0)	2018.11.22
네트워크 프로그래밍-DB(equi, non equi, inner) (0)	2018.11.22
네트워크 프로그래밍-DB(집계함수와 group/정렬) (0)	2018.09.29
네트워크 프로그래밍-DB(함수, 조건문) (0)	2018.09.21