백문이불여일타

[Jsp/Servlet]스크립트요소_로그인예제 본문

Jsp

[Jsp/Servlet]스크립트요소_로그인예제

퇴근각 2019. 7. 10. 13:17

로그인 예제

1. 로그인창에서 ID와 비밀번호를 입력 한 후 JSP로 전송하여 출력하는 예제이다.

실습 파일이 login.html, result.jsp, result2.jsp, result3.jsp 준비한다

 

2. login.html을 다음과 같이 작성한다. 로그인창에서 ID와 비밀번호를 입력 한후 action의 result.jsp로 전송한다.

반드시 주의 !!! action의 속성값을 실행하려는 result2.jsp 혹은 result3.jsp 로 파일로 변경한뒤 톰켓을 실행해야 

정상적인 출력이 가능하다 !!

 

3. 스크립트릿을 이용해 전송된 ID와 비밀번호를 가져온후 표현식<%=%>을 이용해 변수의 값을 출력한다

4.ID와 PW를 입력하여 로그인 한다

5.로그인 정보가 출력된다

6. 스크립트릿안에 자바 코드를 사용해 ID가 정상적으로 입력되었는지 체크한후

정상 입력여부에따라 동적으로 다른 결과를 출력하도록 구현한다

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"%>
<%
   request.setCharacterEncoding( "utf-8" );
   String user_id = request.getParameter("user_id");
   String user_pw = request.getParameter("user_pw");
%>    
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>결과출력창</title>   
</head>
<body>
<%
     if(user_id==null || user_id.length()==0){ //id가 정상으로 입력됬는지 체크
%>
      아이디를 입력하세요.<br> //id를 입력하지않았을경우 다시 로그인창으로 이동
<a href="/pro12_1/login.html">로그인하기</a>
<%
     }else{
%>
<h1> 환영합니다. <%=user_id %> 님!!!</h1> //id를 정상적으로 입력했을경우 메세지 표시
<%
    }
%>
</body>
</html>
 
 cs

7.id를 정상적으로 입력한후 전송했을때 결과 확인한다 

8. id를 입력하지 않고 전송할때

9. 관리자페이지 만들어서 관리자로 로그인할때 

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
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
   request.setCharacterEncoding( "utf-8" );
   String user_id = request.getParameter("user_id");
   String user_pw = request.getParameter("user_pw");
%>     
<!DOCTYPE html>
<html>
<head>
    <title>결과출력창</title>
    <meta charset="UTF-8">
</head>
<body>
<%
 if(user_id == null || user_id.length()==0){
%>
   아이디를 입력하세요.<br>
   <a href="/pro12_1 /login.html">로그인하기</a>
<%
 }else{
    if(user_id.equals("admin")){
%>
       <h1>관리자로 로그인 했습니다.</h1>
       <form>
         <input type=button value="회원정보 삭제하기"  />
         <input type=button value="회원정보 수정하기"  />
      </form>
<%
    }else{
%>
    <h1> 환영합니다. <%=user_id %> 님!!!</h1>
<%
    }
 }
%>
</body>
</html>
 
 cs

10.admin으로 로그인했을때 결과

11.관리자 창 실행됨

 

12.다른 id로 로그인시

'Jsp' 카테고리의 다른 글

[Jsp/Servlet]Jsp페이지 예외처리하기_실습  (0) 2019.07.11
[Jsp/Servlet]스크립트요소_내장객체기능(out 내장객체 실습)  (0) 2019.07.11
[Jsp/Servlet]스크립트요소_구구단 출력 예제  (0) 2019.07.10
[Jsp/Servlet]스크립트요소_학점 변환 예제  (0) 2019.07.10
[Jsp/Servlet] 프런트 컨트롤러 & 프론트 컨트롤 디자인패턴  (0) 2019.07.06
'Jsp' Related Articles more
Comments