본문 바로가기

[JSP]

[JSP]10월 27일 forward,form을 이용한 로그인 예제

JSP 프로젝트를 생성해서 loginForm.jsp , dologin.jsp , loginSucc.jsp , loginFail.jsp

생성해서 시작해보자.


*loginForm.jsp


<body>

id / pw 입력후 로그인 버튼을 누르세요.

<form action="/JSP_Basic_Ex/dologin.jsp" method="post">

아이디 : <input type="text" name="id" size="10"><br>

비밀번호 : <input type="password" name="pw" size="10">

<input type="submit" value="login"><br>

<input type="reset" value="reset">

</form>

</body>


submit 이 눌렷을때 저 경로 값으로 이동된다.

submit은 button이랑 생긴것이 똑같은데 form태그 안에서 클릭됐을때 form태크 안의 엘리먼트들의 데이터를 파라미터로 싣고 action값으로 요청을 날리는 기능.

reset은 클릭되면 form태그안의 엘리먼트들을 모두 초기화.


로그인을 누르면 dologin.jsp로 날려버렸으니까 dologin.jsp 를 작성해보자.


*dologin.jsp


<body>

<%

request.setCharacterEncoding("UTF-8");

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

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

String url = "";

if(id != null && pw != null && id.equals(pw))

url = "loginSucc.jsp";

else

url = "loginFail.jsp";

%>

<jsp:forward page="<%= url %>"></jsp:forward>

</body>


사용자가 입력한 값을 문자열로 저장해주고

조건(아이디와 비밀번호가 같은지)을 검사해서 맞으면 loginSucc.jsp로 forward.

아니면 loginFail.jsp로 forward.


*loginSucc.jsp


<body>

로그인 성공

</body>


*loginFail.jsp


<body>

로그인 실패

</body>


각각 간단하게 확인해줄 수 있도록 작성해놓고 실험해보자.