JSP, Servlet (75) 썸네일형 리스트형 [JSP] 회원관리 페이지 만들기 - 회원등록 페이지 회원등록 페이지를 만들어보자. 메인페이지에서 회원등록 페이지로 넘어가는 servlet을 작성한다.(회원등록 페이지는 admin계정일때만 접근할 수 있다.) package com.green.controller; 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; /** * Servlet implementation class Emp.. [JSP] 회원관리 페이지 만들기 - 메인페이지와 회원수정페이지 로그인을 했다면 로그인한 상태에서 보여질 수 있는 메인페이지를 제작해야한다. Member Page 멤버페이지에 보여지는 사진은 무작위로 선정해서 일단 메인페이지에 띄워놓는다. 로그인을 했으면 로그아웃을 할 수 있어야한다. 로그아웃을 눌렀을 때 로그아웃되는 servlet을 작성하자 package com.green.controller; 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.se.. [JSP] 회원관리 페이지 만들기 - 데이터 설정 및 데이터 연결 JSP에서 Oracle을 연결하기 위해 DBCP를 이용하려면 ojdbc8.jar를 이용해야한다. https://jamesyleather.tistory.com/369 [JSP] DBCP 소개 DBCP(Database Connection Pool)의 약자로 데이터베이스와 연결을 맺고 있는 객체를 관리하는 역할을 수행. JDBC의 단점 데이터베이스 연결 시 마다, DB접속을 위한 JDBC 드라이버 로드하고 Conn jamesyleather.tistory.com Oracle페이지에서 ojdbc8.jar를 다운로드 받아 Webcontent > WEB-INF > lib에 추가한다. 그리고 Servers > server.xml 맨 아래에 우리가 작성하고 있는 웹 프로젝트에 을 추가한다. 끝에 슬래쉬를 없애.. [JSP] 회원관리 페이지 만들기 - 로그인 폼 만들기 회원관리 페이지에서는 크게 관리자와 회원으로 나눈다. 관리자는 회원을 등록할 수도 있고 수정할 수도 있으며, 회원 자신의 정보만 볼 수 있다고 하자. 그래서 처음 필요한 것은 회원정보를 저장할 DB를 만드는 것이다. 이번 JSP 회원관리 페이지 만들기는 오라클 데이터베이스를 기반으로 한다. 먼저 테이블을 생성한다. create table employees( id varchar2(10) PRIMARY KEY NOT NULL, -- 사용자 아이디 pass varchar2(10) NOT NULL, -- 비밀번호 name varchar2(24), -- 이름 lev char(1) DEFAULT 'A', --A:운영자, B:일반회원 enter DATE DEFAULT SYSDATE, -- 입사일자 gender cha.. [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. 아이디와 암.. 이전 1 2 3 4 ··· 10 다음
