JSP

JSP 웹 프로그래밍 - 웹 쇼핑몰 만들기 08 (회원 가입, 수정, 탈퇴하기)

록's 2023. 3. 9. 10:43
728x90
반응형

 

 

 

 

 

 


웹 쇼핑몰 만들기 01 >>>  https://rogi221.tistory.com/93

웹 쇼핑몰 만들기 02 >>>  https://rogi221.tistory.com/101

웹 쇼핑몰 만들기 03 >>>  https://rogi221.tistory.com/105

웹 쇼핑몰 만들기 04 >>>  https://rogi221.tistory.com/109

웹 쇼핑몰 만들기 05 >>>  https://rogi221.tistory.com/114

웹 쇼핑몰 만들기 06 >>>  https://rogi221.tistory.com/116

웹 쇼핑몰 만들기 07 >>>  https://rogi221.tistory.com/121

 


 

 

16. 데이터베이스

 

[웹 쇼핑몰] 회원 가입, 수정, 탈퇴하기

 

 

 

웹 쇼핑몰의 데이터베이스에 회원 관리 테이블 만들기

  • 데이터베이스 커넥션 설정하기:
    • 커넥션 이름은 Market_Conn, 데이터베이스 이름은 WebMarketDB를 사용하여 Data Source Explorer에서 실행

 

 

 

회원 관리 테이블 생성하기

// product.sql

CREATE table member (
	id varchar(10) not null,			
	password varchar(10) not null,		
	name varchar(10) not null,			 
	gender varchar(4),					
	birth varchar(10),					
	mail varchar(30),					 
	phone varchar(20),					
	address varchar(90),				 
	regist_dat varchar(50),				
	primary key(id)						
) default CHARSET=utf-8;

 

 

 

데이터베이스에 회원 정보 등록하기

  • JSTL 라이브러리 jstl-1.2.jar 등록하기

 

 

 

  • 메뉴 페이지 수정하기
// menu.jsp

<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>   
<%
	String sessionId = (String) session.getAttribute("sessionId");
%>
<nav class = "navbar navbar-expand navbar-dark bg-dark">
   <div class = "container">
      <div class = "navbar-header">
         <a class = "navbar-brand" href="./welcome.jsp">Home</a>
      </div>
   </div>
   <div>
   		<ul class="navbar-nav mr-auto">
   			<c:choose>
   				<c:when test="${empty sessionId}">
   				<li class="nav-item"><a class="nav-link" href="<c:url value="/member/loginMember.jsp"/>">로그인</a></li>
	   			<li class="nav-item"><a class="nav-link" href="<c:url value="/member/addMember.jsp"/>">회원가입</a></li>
	   			</c:when>
	   			<c:otherwise>
	   				<li style="padding-top: 7px; color:white">[<%=sessionId%>님]</li>
	   				<li class="nav-item"><a class="nav-link" href="<c:url value="/member/logoutMember.jsp"/>">로그아웃</a></li>
	   				<li class="nav-item"><a class="nav-link" href="<c:url value="/member/updateMember.jsp"/>">회원 수정</a></li>
	   			</c:otherwise>	   			
   			</c:choose>
   			<li class="nav-item"><a class="nav-link" href="<c:url value="/product.jsp"/>">상품 목록</a></li>
   			<li class="nav-item"><a class="nav-link" href="<c:url value="/addProduct.jsp"/>">상품 등록</a></li>
   			<li class="nav-item"><a class="nav-link" href="<c:url value="/editProduct.jsp?edit=update"/>">상품 수정</a></li>
   			<li class="nav-item"><a class="nav-link" href="<c:url value="/editProduct.jsp?edit=delete"/>">상품 삭제</a></li>
   		</ul>
   </div>
</nav>

 

 

 

 

 

회원 가입과 관련된 페이지 작성

  • 회원 가입 페이지
    • WebMarket/WebContent/member/addMember.jsp
  • 회원 가입 처리 페이지
    • WebMarket/WebContent/member/processAddMember.jsp
  • 회원 가입 완료 페이지
    • WebMarket/WebContent/member/resultMember.jsp

 

 

processUpdateMember.jsp
0.00MB / 0.00MB
resultMember.jsp
0.00MB / 0.00MB
updateMember.jsp
0.01MB / 0.01MB

 

 

회원 로그인, 로그아웃과 관련된 페이지 작성

  • 회원 로그인 페이지
    • WebMarket/WebContent/member/loginMember.jsp
  • 회원 로그인 처리 페이지
    • WebMarket/WebContent/member/processLoginMember.jsp
  • 회원 로그아웃 페이지
    • WebMarket/WebContent/member/logoutMember.jsp

 

 

 

회원 정보 수정, 회원 탈퇴와 관련된 페이지 작성

  • 회원 정보 수정 페이지
    • WebMarket/WebContent/member/updateMember.jsp
  • 회원 정보 수정 처리 페이지
    • WebMarket/WebContent/member/processUpdateMember.jsp
  • 회원 탈퇴 페이지
    • WebMarket/WebContent/member/deleteMember.jsp

member.zip
0.01MB

 

 

 

 


웹 쇼핑몰 만들기 08 >>>  https://rogi221.tistory.com/125

728x90
반응형