본문 바로가기

JSP, Servlet/JSP를 이용하여 로그인 페이지 만들기

(6)
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 6(회원정보 수정) 회원정보 수정 페이지 이동 회원전용페이지(main.jsp)에 회원정보수정 버튼을 만든다.  회원 전용 페이지에서 [회원정보변경] 버튼을 클릭  GET방식으로 MemberUpdateServlet(memberUpdate.do)을 요청한다.  MemberUpdateServlet의 doGet() 메소드에서 폼에서 입력된 userid를 사용하여 회원 수정 페이지(memberUpadate.jsp)로 이동한다. 패키지명 : com.human.controller 클래스명 : MemberUpdateServlet URL Mapping : memberUpadate.do doGet() { (1) request 객체에서 userid를 얻어온다. (2) MemberDAO 객체를 생성하고, 사용자 정보를 데이터베이스에서 조회..
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 5(회원가입 구현)  GET방식과 POST 방식 사용 구분  GET 방식 – 입력 폼을 출력할 때 사용(회원 가입, 게시글 작성 등)  POST 방식 – 입력 폼에 자료 입력 후 데이터베이스에 정보 저장 시 사용  회원정보 입력폼을 출력하기 위한 서블릿 클래스를 작성한다. 클래스명 : JoinServlet 패키지명 : com.human.controller URL Mapping : /join.do protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String url = "member/join.jsp"; // 회원가입 화면을 표시한다. request.getReq..
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 4(로그인 인증처리, 회원 인증 처리)  입력 폼을 위한 서블릿 클래스 만들기 패키지명 : com.human.controller 클래스명 : LoginServlet URL Mapping : /login.do doPost() 메소드에서 아래와 같이 처리  RequestDispatcher 객체를 이용하여 "meember/login.jsp로 forward 처리 일반적으로 홈페이지에서 로그인을 시도하면 login.do와 같은 요청이 일어난다. 로그인 시에 http://localhost:8181/web-project-09/login.do주소로 요청하는 것은 불편하므로 index.jsp 페이지를 생성하여 다음과 같이 입력한다. 로그인 페이지로 이동 웹 브라우저에 http://localhost:8181/web-project-09/ 만 입력하면 inde..
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 3(로그인 입력 폼과 자바스크립트로 데이터 유효성 검사)  로그인 페이지: login.jsp  회원관리를 위한 JSP 파일은 member 폴더에 생성  JSP 생성 시 “parent folder”값을 “/WebContent/member”로 지정  입력값을 체크하기 위한 자바스크립트 파일 member.js 작성  WebContent 아래에 script 폴더에 저장  아이디와 암호 모두 입력되었을 때만 로그인 인증 처리 수행  입력이 안되면 알림창으로 에러 메시지 출력 login(submit) : form 태그 action 속성을 "login.do"로 요청, onclick="return loginCheck()" join(button) : 서블릿 클래스를 "join do"로 요청 Log In 아이디 비밀번호 /** * 로그인 처리 현황 1. 아이디와 암..
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 2(DAO, VO클래스 생성)  DAO(Data Access Object)  데이터베이스에 저장된 데이터의 접근을 담당하는 클래스  데이터베이스 레코드의 조회, 추가, 수정, 삭제 역할  VO(Value Object)  회원 테이블 데이터를 가져와 프로그램에서 사용 전 저장할 클래스  일반적으로 테이블 구조와 동일 회원정보 저장 VO 클래스 만들기 package com.human.dto; public class MemberVO { private String name; private String userid; private String pwd; private String email; private String phone; private int admin; public String getName() { return name; ..
[JSP] 데이터베이스를 이용한 회원관리 시스템 - 1(기본세팅-테이블 생성)  작성할 소스 파일 목록 [JSP 페이지] 파일 설명 위치 login.jsp 회원 인증을 위한 아이디와 비밀번호 입력 폼 Webcontent\member join.jsp 회원 가입을 위해 정보를 입력받는 폼 Webcontent\member main.jsp 회원 인증을 확인 후, 다양한 서비스를 제공하는 폼 Webcontent memberUpdate.jsp 회원 정보를 수정하기 위한 폼 Webcontent\member [서블릿 파일] (위치:src\com\human\controller) 파일 설명 URL 패턴 JoinServlet.java 입력된 회원 정보로 회원 가입 처리 join.do LoginServlet.java 회원 인증 처리 login.do MemberUpdateServlet.java 입력 회..