[IntelliJ] 회원가입 예제(JAVA + MySQL)

관련 글

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (1) 회원 목록 조회

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (2) 회원 가입

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (3) 회원 정보 수정

- [IntelliJ] 회원가입 예제(MVC) - (4) 뷰(JSP) 분리하기

[IntelliJ] JAVA 서블릿 + MySQL 회원가입 예제 - (2) 회원 가입

StudentListServlet.java에 신규 학생 링크를 추가한다.

out.println("<p><a href='add'>신규 학생</a></p>");

<a href='add'>와 같이 <a> 태그의 링크 URL을 상대 경로로 지정했다.

절대 경로는 웹 서버 루트를 기준으로 하고 상대 경로는 현재 경로를 기준으로 한다.

아래 표를 보면 이해하기 쉬울 것이다.

표 - 현재 URL이 http://127.0.0.1:8080/web04/student/list 일 때 지정된 URL에 따른 실제 URL

지정 URL	실제 URL
add (상대 경로)	http://127.0.0.1:8080/web04/student/add
/add (절대 경로)	http://127.0.0.1:8080/add
/web04/student/add (절대 경로)	http://127.0.0.1:8080/web04/student/add

1. 신규 학생 등록 폼

신규 학생 등록을 처리할 StudentAddServlet 클래스를 새로 만든다.

@WebServlet("/student/add")
public class StudentAddServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html; charset=UTF-8");
        PrintWriter out = resp.getWriter();
        out.println("<html><head><title>신규 학생 등록</title></head>");
        out.println("<body><h1>신규 학생 등록</h1>");
        out.println("<form action='add' method='post'>");
        out.println("학번 : <input type='text' name='student_no'><br>");
        out.println("이름 : <input type='text' name='student_name'><br>");
        out.println("성별 : <input type='text' name='gender'><br>");
        out.println("학과 : <input type='text' name='department'><br>");
        out.println("학년 : <input type='text' name='grade'><br>");
        out.println("나이 : <input type='text' name='age'><br>");
        out.println("전화번호 : <input type='text' name='phone_number'><br>");
        out.println("주소 : <input type='text' name='address'><br>");
        out.println("<input type='submit' value='등록'>");
        out.println("<input type='reset' value='취소'>");
        out.println("</form></body></html>");
    }
}

HttpServlet을 상속받고 doGet()을 override하여 회원가입폼을 출력하는 코드를 작성한다.

HttpServlet은 GenericServlet의 하위 클래스이기 때문에 HttpServlet을 상속받은 StudentAddServlet 클래스는 javax.servlet.Servlet 인터페이스의 구현체가 된다. 서블릿 컨테이너는 Servlet 규칙에 정의된 메서드를 호출하기 때문에 서블릿 객체는 반드시 Servlet 인터페이스를 구현해야 한다.

클라이언트 요청이 들어오면 HttpServlet의 service()가 호출되고 service()는 클라이언트 요청 method에 따라 doGet(), doPost(), doPut() 등의 메소드를 호출한다. 따라서 HttpServlet을 상속받을 때는 servce()가 아닌 doXXX() 메소드를 override한다.

여기서는 우선 '신규 학생' 링크를 클릭했을때 요청을 처리하기 위해 doGet() 메소드를 override 하였다.

학생 목록 페이지에서 URL이 'add'로 지정된 '신규 학생' 링크를 클릭하면 http://127.0.0.1:8080/web04_war_exploded/student/add로 이동하며 등록 폼이 출력된다.

<form action='add' method='post'>의 action은 form이 submit됐을 때 실행할 서블릿의 URL이다. 이렇게 작성하면 http://127.0.0.1:8080/web04_war_exploded/student/add에 POST 요청이 전송된다.

다음으로 이를 처리하기 위해 doPost() 메소드를 override한다.

2. 신규 학생 DB INSERT

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    req.setCharacterEncoding("UTF-8");
    Connection conn = null;
    PreparedStatement pstmt = null;

    Properties jdbcProperties = new Properties();
    jdbcProperties.setProperty("user", "username");
    jdbcProperties.setProperty("password", "****");
    try {
        DriverManager.registerDriver(new com.mysql.cj.jdbc.Driver());
        conn = DriverManager.getConnection("jdbc:mysql://localhost:3307/knou", jdbcProperties);
        pstmt = conn.prepareStatement(
                "INSERT INTO STUDENT(STUDENT_NO, DEPARTMENT, STUDENT_NAME, GRADE, GENDER, AGE, PHONE_NUMBER, ADDRESS)" +
                        " VALUES (?, ?, ?, ?, ?, ?, ?, ?)"
        );

        pstmt.setString(1, req.getParameter("student_no"));
        pstmt.setString(2, req.getParameter("department"));
        pstmt.setString(3, req.getParameter("student_name"));
        pstmt.setInt(4, Integer.parseInt(req.getParameter("grade")));
        pstmt.setString(5, req.getParameter("gender"));
        pstmt.setInt(6, Integer.parseInt(req.getParameter("age")));
        pstmt.setString(7, req.getParameter("phone_number"));
        pstmt.setString(8, req.getParameter("address"));
        pstmt.executeUpdate();

        resp.setContentType("text/html; charset=UTF-8");
        PrintWriter out = resp.getWriter();
        out.println("<html><head>");
        out.println("<title>학생 등록</title></head>");
        out.println("<body><p> " + req.getParameter("student_name") + " - 신규 학생 등록 성공</p></body><html>");
    } catch (SQLException e) {
        throw new ServletException(e);
    } finally {
        try {
            if (pstmt != null) pstmt.close();
            if (conn != null) conn.close();
        } catch (SQLException e) {
        }
    }
}

setCharacterEncoding("UTF-8")로 POST 요청의 매개변수의 인코딩을 지정해야 한다.

그렇지 않으면 getParameter() 메소드는 기본적으로 ISO-8859-1(ISO-Latin-1)로 인코딩되었다고 가정하기 때문에 한글이 깨진다.

SQL문에서 '?'는 입력 매개변수로 executeUpdate()를 호출하기 전에 setXXX() 메소드로 값을 설정한다.

setXXX() 메소드의 첫번째 인자값은 인덱스, 두번째 인자값은 실제 입력값이다.

인덱스는 1부터 시작한다.

결과를 반환하는 SELECT 문을 실행할 때는 executeQuery()를, 결과 레코드를 만들지 않는 DDL/DML SQL문을 실행할 때는 executeUpdate()를 호출한다. 여기서는 신규 학생을 DB에 Insert 할 것이므로 executeUpdate()를 호출한다.

여기까지 실행 결과는 다음과 같다.

3. Refresh / Redirect

Refresh와 Redirect를 이용해서 회원 가입(신규 학생 등록) 후 학생 목록 리스트 페이지로 이동하도록 한다. Refresh는 일정 시간이 지난 후, Redirect는 즉시 페이지가 이동된다.

Refresh

Refresh는 작업 결과를 출력하고 일정 시간이 지난 후 페이지를 이동한다.

① 웹 브라우저에서 '신규 학생' 링크를 클릭하여 '학생 등록폼'을 요청한다.

② StudentAddServlet은 학생 등록폼을 클라이언트로 보낸다.

③ 웹 브라우저는 학생 등록폼을 화면에 출력하고 사용자가 학생 정보를 입력하고 submit하면 서버에 등록을 요청한다.

④ StudentAddServlet은 등록 결과를 클라이언트로 보내면서 Refresh 정보를 함께 보낸다.

⑤ 웹 브라우저는 등록 결과를 출력하고 받은 Refresh 정보에 따라 n초 후 서버에 '학생 목록 페이지'를 요청한다. (Refresh)

⑥ StudentListServlet은 학생 목록을 클라이언트로 보낸다.

Refresh를 구현하려면 ④ StudentAddServlet이 등록 결과를 클라이언트로 보낼때 Refresh 정보를 함께 보내면 된다. Refresh 정보를 보내는 방법에는 응답 헤더를 이용하는 방법과 HTML meta 태그를 이용하는 방법이 있다.

1) 응답 헤더에 리프레시 정보 보내기

1
2
3
4
5
6
7
8

    out.println("<body><p> " + req.getParameter("student_name") + " - 신규 학생 등록 성공</p></body><html>");
 
    // 리프레시 정보를 응답 헤더에 추가
    // Refresh : 필드명
    // 2;url=list : 2초 후 'list'로 서비스 재요청
    resp.addHeader("Refresh", "2;url=list");
} catch (SQLException e) {
    throw new ServletException(e);
Colored by Color Scripter

cs

HttpServletResponse의 addHeader()는 HTTP 응답 정보에 헤더를 추가하는 메소드이다.

2) meta 태그에 리프레시 정보 보내기

1
2
3
4
5
6
7

    out.println("<html><head>");
    // 리프레시 정보를 메타 태그에 추가
    out.println("<meta http-equiv='Refresh' content='2; url=list'>");
    out.println("<title>학생 등록</title></head>");
    out.println("<body><p> " + req.getParameter("student_name") + " - 신규 학생 등록 성공</p></body><html>");
} catch (SQLException e) {
    throw new ServletException(e);
Colored by Color Scripter

cs

<meta http-equiv='Refresh' content='2; url=list'>와 같이 HTML 본문에 포함시켜 보낼 수 있다.

둘 중 하나의 방법을 택하여 적용하고 실행해보면 신규 학생 등록 후 2초 뒤 다시 학생 목록 페이지로 이동된다.

Redirect

Redirect는 작업 결과를 출력하지 않고 즉시 페이지를 이동한다.

① 웹 브라우저에서 '신규 학생' 링크를 클릭하여 '학생 등록폼'을 요청한다.

② StudentAddServlet은 학생 등록폼을 클라이언트로 보낸다.

③ 웹 브라우저는 학생 등록폼을 화면에 출력하고 사용자가 학생 정보를 입력하고 submit하면 서버에 등록을 요청한다.

④ StudentAddServlet은 리다이렉트할 학생 목록 페이지의 URL 정보를 보낸다.

⑤ 웹 브라우저는 즉시 받은 URL 정보에 따라 서버에 '학생 목록 페이지'를 재요청한다. (Redirect)

⑥ StudentListServlet은 학생 목록을 클라이언트로 보낸다.

이동할 페이지의 URL 정보인 리다이렉트 정보는 응답 헤더에 설정한다.

1
2
3
4
5
6
7

pstmt.setInt(6, Integer.parseInt(req.getParameter("age")));
pstmt.setString(7, req.getParameter("phone_number"));
pstmt.setString(8, req.getParameter("address"));
pstmt.executeUpdate();
 
// 리다이렉트
resp.sendRedirect("list");
Colored by Color Scripter

cs

현재 서비스의 작업이 완료된 후 HttpServletResponse의 sendRedirect()를 호출해서 리다이렉트 정보를 보낸다. 해당 URL로 즉시 이동되므로 작업 결과를 출력하는 응답 본문이 필요하지 않다.

HTTP 응답 코드 302는 요청한 자원은 Location 헤더에 있는 주소에 있으니 다시 요청하라는 의미이다.

웹 브라우저가 이 응답을 받으면 즉시 Location 헤더의 주소로 재요청한다.

관련 글

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (1) 회원 목록 조회

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (2) 회원 가입

- [IntelliJ] 회원가입 예제(JAVA + MySQL) - (3) 회원 정보 수정

- [IntelliJ] 회원가입 예제(MVC) - (4) 뷰(JSP) 분리하기

#JAVA MySQL INSERT

#Refresh와 Redirect

References

열혈강의 자바 웹 개발 워크북(프리렉, 2016, 엄진영)

'Java·Servlet·JSP' 카테고리의 다른 글

Servlet Init Parameter(서블릿 초기화 매개변수)로 web.xml에 DB 연결 정보 관리하기 (1)	2020.02.11
[IntelliJ] 회원가입 예제(JAVA + MySQL) - (3) 회원 정보 수정 (0)	2020.02.10
[IntelliJ] 회원가입 예제(JAVA + MySQL) - (1) 회원 목록 조회 (1)	2020.02.09
@WebServlet 어노테이션 주요 속성 정리 (0)	2020.02.08
GenericServlet을 상속하는 서블릿 작성 및 배치 (0)	2020.02.08

💾 Knowledge Repository

[IntelliJ] 회원가입 예제(JAVA + MySQL) - (2) 회원 가입

[IntelliJ] JAVA 서블릿 + MySQL 회원가입 예제 - (2) 회원 가입

1. 신규 학생 등록 폼

2. 신규 학생 DB INSERT

3. Refresh / Redirect

Refresh

1) 응답 헤더에 리프레시 정보 보내기

2) meta 태그에 리프레시 정보 보내기

Redirect

References

'Java·Servlet·JSP' 카테고리의 다른 글

댓글

티스토리툴바

[IntelliJ] 회원가입 예제(JAVA + MySQL) - (2) 회원 가입

[IntelliJ] JAVA 서블릿 + MySQL 회원가입 예제 - (2) 회원 가입

1. 신규 학생 등록 폼

2. 신규 학생 DB INSERT

3. Refresh / Redirect

Refresh

1) 응답 헤더에 리프레시 정보 보내기

2) meta 태그에 리프레시 정보 보내기

Redirect

References

'Java·﻿Servlet·﻿JSP' 카테고리의 다른 글

관련글

댓글

티스토리툴바

'Java·Servlet·JSP' 카테고리의 다른 글