Web programming

(22.11.03)Web 프로그래밍: MVC (Model View Control) 구구단 만들기Servlet, JSP

프로그래머 오월 2022. 11. 3.

GuguServlet을 생성하고 구구단 5단을 화면에 표시해 보라

서블릿 파일을 생성하여 자바로 웹을 구축해보기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>5단 암기</h3>";
        int dan=5;
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

실행 결과 :

사용자의 입장에서 파일 접근해보기

Server.xml에서 설정해둔 포트 번호와 프로젝트명 ("JavaWeb")과 @WebServlet("/gugu")를 주소로 입력하여 웹페이지를 들어갈 수 있다.

주소를 요청하면 요청 받은대로 응답하여 데이터를 주는 동적 컨텐츠 만들기

주소창에 데이터를 전달하기 위해선?를 써야한다.(get방식 요청) 그리고 파라미터 이름과 =, 파라미터 밸류를 줘야한다.(http 약속)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int iDan = Integer.parseInt(sDan); //Unboxing
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>구구단 암기</h3>";
        int dan= iDan;
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

요청 방식:

웹페이지:

파라미터를 주지 않고 주소창에 검색하면 내부 서버 오류가 나온다.

코드를 수정하여 파라미터를주지 않는다면 2단이 나오게 오류처리 해준다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int dan = 0;
        dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>구구단 암기</h3>";
        
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

수정 후 파라미터 값을 주지 않고 url를 입력 했을 시 결과

get 방식 요청을 사용하여 id,pw를 전달하면 서블릿에서 인증하여 그 결과를 로그인 성공/실패를 화면에 표시하시오

서블릿 코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sId = request.getParameter("id");
        String sPw = request.getParameter("pw");
        String result = null;
        if(sId.equals("newjeans")&&(sPw.equals("1234"))) {
            result = "로그인 성공";
        }else {
            result= "로그인 실패";
        }
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>로그인 하기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>로그인 결과</h3>";
        html += "<h4>"+result+"</h4>";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

url로 요청하기

로그인 결과

비밀번호를 틀렸을 시 결과

아이디를 틀렸을 시 결과

id, pw가 전달되지 않은 상태로 서블릿이 호출되면 에러 표시 나는게 아닌 "id, pw는 필수 입력 항목입니다."를 표시하기

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sId = request.getParameter("id");
        String sPw = request.getParameter("pw");
        String result = null;
        if(sId==null||sPw==null){
            result= "id,pw는 필수 입력항목입니다.";
        }else if(sId.equals("newjeans")&&(sPw.equals("1234"))) {
            result = "로그인 성공";
        }else{
            result= "로그인 실패";
        }
        
        String html = "";
        html += "<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>로그인 하기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>로그인 결과</h3>";
        html += "<h4>"+result+"</h4>";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}

Colored by Color Scripter

실행 후 :

sId==null||sPw==null이 else if문에 오는 것이 아니라 첫 if문에 와야한다.

구구단 아래쪽에 링크를 제시하여 이용자가 클릭하면 해당 수의 구구단이 표시되도록 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int dan = 0;
        dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>구구단 암기</h3>";
        
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        html += "<p>";
        html += "[";
        html += "<a href=gugu?dan=2> 2 </a>";
        html += "<a href=gugu?dan=3> 3 </a>";
        html += "<a href=gugu?dan=4> 4 </a>";
        html += "<a href=gugu?dan=5> 5 </a>";
        html += "<a href=gugu?dan=6> 6 </a>";
        html += "<a href=gugu?dan=7> 7 </a>";
        html += "<a href=gugu?dan=8> 8 </a>";
        html += "<a href=gugu?dan=9> 9 </a>";
        html += "]";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

링크 태그는 a이다

html += "<p>";

p는 paragraph의 약자로 다음 문단으로 띄워준다.

실행 결과:

링크를 누르면 자동으로 파라미터에 값이 넣어져서 나온다.

겟방식과 달리 포스트방식을 사용하면 주소창에 데이터가 남지 않아 정보를 보안하면서 데이터를 나타낼수 있다.(쿼리 스트링이 남지 않는다.)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int dan = 0;
        dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>구구단 암기</h3>";
        
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        //액션은 요청 받 걸 실행할 실무자란 의미가 있다.
        html += "<p>";
        html += "<form action='gugu' method='post'>";
        html += " 단수 <input type= 'text' name='dan'>";
        html += "<button type= 'submit'>구구단 보기</button>";
        html += "</form>";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

<form> 사용

실행 결과

5를 입력하여 확인하니 5단이 나오고 파라미터 데이터는 주소창에 표시 되지 않는다.

직접입력하는 방식이 아닌 옵션을 선택하는 방식도 할 수 있는데 셀렉트 태그를 쓰면 된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/gugu")
public class GuguServlet extends HttpServlet {
 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int dan = 0;
        dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String html = "";
        html +="<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>구구단 학습기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>구구단 암기</h3>";
        
        for(int i =1;i<10;i++) {
            html += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        html += "<p>";
        html += "<form action='gugu' method='post'>";
        html += "<select name='dan'>";
        html += "<option>2</option>";
        html += "<option>3</option>";
        html += "<option>4</option>";
        html += "<option>5</option>";
        html += "<option>6</option>";
        html += "<option>7</option>";
        html += "<option>8</option>";
        html += "<option>9</option>";
        html += "</select>";
        html += "<button type= 'submit'>구구단 보기</button>";
        html += "</form>";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

실행결과

단수를 골라서 확인할 수 있다.

id와 pw를 <form> 형식으로 받아서 로그인이 성공인지 실패인지 표시하시오

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        PrintWriter out = response.getWriter();
        
        request.setCharacterEncoding("utf-8");
        String sId = request.getParameter("id");
        String sPw = request.getParameter("pw");
        String result = null;
        if(sId==null||sPw==null){
            result= "id,pw는 필수 입력항목입니다.";
        }else if(sId.equals("newjeans")&&(sPw.equals("1234"))) {
            result = "로그인 성공";
        }else{
            result= "로그인 실패";
        }
        String html = "";
        html += "<! doctype html>";
        html += "<html>";
        html += "<head>";
        html += "<title>로그인 하기</title>";
        html += "</head>";
        html += "<body>";
        html += "<h3>로그인 결과</h3>";
        html += "<form action='login' method='post'>";
        html += " id <input type= 'text' name='id' value='아이디입력'>";
        html += " pw <input type= 'password' name='pw' value='암호입력'>";
        html += "<button type= 'submit'>로그인 하기</button>";
        html += "<h4>"+result+"</h4>";
        html += "</form>";
        html += "</body>";
        html += "</html>";
        
        out.println(html);
    }
}
Colored by Color Scripter

cs

실행 결과

로그인하기

요청은 서블릿에서 하고 뷰는 jsp에서 하기

코드 나누기(MVC :Model(Data, ex: java) View(ex: JSP) Controller(data와 뷰를 연동시켜주는 것 ex:servlet)

로직 분리가 가능하다.

Java 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/guguc")
public class GuguController extends HttpServlet {
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        request.setCharacterEncoding("utf-8");
        String sDan = request.getParameter("dan");
        int dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String data = "";
        for(int i =1;i<10;i++) {
            data += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        //data를 request객체에 넣어서 보냄
        request.setAttribute("data", data);
        getServletContext().getRequestDispatcher("/gugu.jsp").forward(request, response);
    }
}
Colored by Color Scripter

cs

JSP파일( 프레젠테이션 로직)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% //Scriptlet 
    String gugu = (String)request.getAttribute("data");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 보기</title>
</head>
<body>
<h3>구구단 보기</h3>
<%
    out.println(gugu);
%>
</body>
</html>
Colored by Color Scripter

cs

<% %>//스크립트릿

실행 결과:

서블릿의 주소로 jsp파일이 연동되어 화면에 보여진다.

gugu.jsp에서 2~9까지 링크를 작성하여 클릭하면 해당 구구단이 나오게 만들기

JSP 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% //Scriptlet 
    String gugu = (String)request.getAttribute("data");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 보기</title>
</head>
<body>
<h3>구구단 보기</h3>
<%
    out.println(gugu);
%>
<p>
<hr>
<div>
<a href=guguc?dan=2> 2 </a>
<a href=guguc?dan=3> 3 </a>
<a href=guguc?dan=4> 4 </a>
<a href=guguc?dan=5> 5 </a>
<a href=guguc?dan=6> 6 </a>
<a href=guguc?dan=7> 7 </a>
<a href=guguc?dan=8> 8 </a>
<a href=guguc?dan=9> 9 </a>
</div>
</body>
</html>
Colored by Color Scripter

cs

실행 결과 :

3가지 컴포넌트(component)로 로직 나누기

데이터 베이스를 갖고 있는 클래스를 모델이라 하고 그 외 재활용할 수 있는 로직을 갖고 있는 클래스를 서비스 클래스 라고 한다.

GuguService 클래스 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import javax.servlet.http.HttpServletRequest;
 
public class GuguService 
{
    public GuguService() {} //기본 생성자가 없으면 컴파일러가 넣어준다.
 
    public String createGugu(HttpServletRequest request) {
        String sDan = request.getParameter("dan");
        int dan = sDan==null? 2 : Integer.parseInt(sDan);
        
        String data = "";
        for(int i =1;i<10;i++) {
            data += String.format("%d * %d = %d<br>", dan, i ,dan*i);
        }
        return data;
    }
}
Colored by Color Scripter

cs

서블릿 자바 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/guguc")
public class GuguController extends HttpServlet {
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        request.setCharacterEncoding("utf-8");
        
        /*GuguService 객체를 가져와서 request를 집어 넣어 
        createGugu()메소드를 실행시켜 data에 저장*/
        GuguService g= new GuguService();
        String data = g.createGugu(request);
        
        //data를 request객체에 넣어서 보냄
        request.setAttribute("data", data);
        getServletContext().getRequestDispatcher("/gugu.jsp").forward(request, response);
    }
}
 
Colored by Color Scripter

cs

Jsp 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% //Scriptlet 
    String gugu = (String)request.getAttribute("data");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 보기</title>
</head>
<body>
<h3>구구단 보기</h3>
<%
    out.println(gugu);
%>
<p>
<hr>
<div>
<a href=guguc?dan=2> 2 </a>
<a href=guguc?dan=3> 3 </a>
<a href=guguc?dan=4> 4 </a>
<a href=guguc?dan=5> 5 </a>
<a href=guguc?dan=6> 6 </a>
<a href=guguc?dan=7> 7 </a>
<a href=guguc?dan=8> 8 </a>
<a href=guguc?dan=9> 9 </a>
</div>
</body>
</html>
Colored by Color Scripter

cs

실행결과 :

로그인 프로그램을 4가지로 로직을 나눠서 만들기

( LoginController, LoginService, loginForm.jsp, loginResult.jsp )

LoginService 자바 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import javax.servlet.http.HttpServletRequest;
 
public class LoginService 
{
     private HttpServletRequest request;
 
     public LoginService() {}
       
     public LoginService(HttpServletRequest request) {
          this.request = request;
     }
       
     public boolean login()
     {
        String uid = request.getParameter("uid");
        String pwd = request.getParameter("pwd");
        if(uid.equals("smith") && pwd.equals("1234") )
           return true;
        else return false;
     }
}
Colored by Color Scripter

 

cs

LoginController 자바파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
@WebServlet("/loginc")
public class LoginController extends HttpServlet {
    
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        response.setContentType("text/html; charset=utf-8");
        request.setCharacterEncoding("utf-8");
          
        String cmd = request.getParameter("cmd");
          
        if(cmd==null || cmd.equals("form")) 
        {
            getServletContext().getRequestDispatcher("/loginform.jsp").forward(request, response);
        }else if(cmd.equals("login")) 
        {
            LoginService svc = new LoginService(request);
            boolean success = svc.login();
            String msg = success ? "로그인 성공" : "로그인 실패";
            request.setAttribute("msg", msg);
            getServletContext().getRequestDispatcher("/loginresult.jsp").forward(request, response);
        }
    }
}
Colored by Color Scripter

cs

loginForm.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인해주세요</title>
<style>
   label{display:inline-block;width:3em; text-align: right; 
      margin-right:1em; }
   input { width: 5em; }
   form {width:fit-content; padding:0.5em; margin:0 auto; 
      border:1px solid black;}
   button { margin: 5px; }
   div:last-child { text-align: center;}
   
</style>
</head>
<body>
 
<form action="loginc" method="post">
   <input type="hidden" name="cmd" value="login">
   <div><label>아이디</label> 
      <input type="text" name="uid" value="아이디 입력">
   </div>
   <div><label>암 호</label> 
      <input type="password" name="pwd" value="비밀번호 입력">
   </div>
   <div><button type="submit">로그인</button></div>
</form>
</body>
</html>
Colored by Color Scripter

cs

loginResult.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<% 
   String msg = (String)request.getAttribute("msg"); 
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>로그인 결과</title>
</head>
<body>
<h3>
<%
   out.println(msg);
%>
</h3>
</body>
</html>
Colored by Color Scripter

cs

실행결과:

로그인 결과(성공시):

로그인결과(실패시):

'Web programming' 카테고리의 다른 글

(22.11.10)Web 프로그래밍: AJAX 방식을 이용한 웹 구축프로그래밍(JSON, MVC) (0)	2022.11.10
(22.11.09)Web 프로그래밍:AJAX방식을 이용한 MVC/JSON,json-simple.jar (2)	2022.11.09
(22.11.08)Web 프로그래밍: AJAX, JSON, jQuery,DOM (0)	2022.11.08
(22.11.07)Web 프로그래밍: MVC 방식으로 사용자 찾기 (0)	2022.11.07
(22.11.04)Web 프로그래밍: 이용자 CRUD, MSC방식, 서블릿,JSP,HTML (1)	2022.11.04

(22.11.03)Web 프로그래밍: MVC (Model View Control) 구구단 만들기Servlet, JSP

'Web programming' 카테고리의 다른 글

댓글

티스토리툴바