[JSP] 회원정보 : 등록하기 [DataSource를 이용하여 회원 정보 등록하기]

2022. 3. 16. 00:21·◎ Java/JSP📋
728x90


 

[JSP] 회원정보 : 목록조회[데이터베이스 연동하여 회원 정보 목록조회]

1. JSP에 연동할 데이터베이스 생성하기 [Oracle] 테이블스페이스(TABLESPACE) 생성하기[TABLESPACE 정의, 계정 생성 및 권한 부여] 1. 테이블스페이스란? 테이블스페이스(Tablespace)는 데이터베이스 오브젝

yermi.tistory.com


- 회원정보 : 등록하기

- Controller : Register

package member.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;

import member.service.MemberService;
import member.service.MemberServiceImpl;
import member.vo.MemberVo;

@WebServlet("/member/register")
public class Register extends HttpServlet{
	private MemberService memberService = MemberServiceImpl.getInstance();
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		req.getRequestDispatcher("/WEB-INF/lib/jsp/member/register.jsp").forward(req, resp);
	}

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		req.setCharacterEncoding("utf-8");
		
		String id = req.getParameter("id");
		String pwd = req.getParameter("pwd");
		String name = req.getParameter("name");
		String email = req.getParameter("email");
		
		MemberVo memberVo = new MemberVo(id, pwd, name, email, null);
		memberService.register(memberVo);
		
		resp.sendRedirect("list");
	}
}

- Service : MemberService

package member.service;

import java.util.List;

import member.vo.MemberVo;

public interface MemberService {
	public List<MemberVo> list();
	
	public void register(MemberVo memberVo);
}

- Service : MemberServiceImpl

package member.service;

import java.util.List;

import member.dao.MemberDao;
import member.vo.MemberVo;

public class MemberServiceImpl implements MemberService{
	private static final MemberService memberService = new MemberServiceImpl();
	public static MemberService getInstance() {
		return memberService;
	}
	private MemberServiceImpl() {}
	
	private MemberDao memberDao = MemberDao.getInstance();
	
	@Override
	public List<MemberVo> list() {
		return memberDao.list();
	}
	
	@Override
	public void register(MemberVo memberVo) {
		memberDao.register(memberVo);
	}
}

- DAO : MemberDao

package member.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

import member.vo.MemberVo;
import utils.DBConn;

public class MemberDao {
	/**
	 * singleton
	 */
	private final static MemberDao dao = new MemberDao();
	public static MemberDao getInstance() {
		return dao;
	}
	public MemberDao() {}
	/**
	 * 
	 */
	private Statement stmt;
	private PreparedStatement pstmt;
	private Connection conn;
	
	// list 메서드 생략
	
	public void register(MemberVo memberVo) {
		try {
			conn = DBConn.getConnection();
			pstmt = conn.prepareStatement("INSERT INTO T_MEMBER"
					+ " VALUES(?, ?, ?, ?, SYSDATE)");
			
			int idx = 1;
			pstmt.setString(idx++, memberVo.getId());
			pstmt.setString(idx++, memberVo.getPwd());
			pstmt.setString(idx++, memberVo.getName());
			pstmt.setString(idx++, memberVo.getEmail());

			pstmt.executeUpdate();
			pstmt.close();
            
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

- JSP : register

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css" integrity="sha512-Ez0cGzNzHR1tYAv56860NLspgUGuQw16GiOOp/I2LuTmpSK9xDXlgJz3XN4cnpXWDmkNBKXR/VDMTCnAaEooxA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js" integrity="sha512-EKWWs1ZcA2ZY9lbLISPz8aGR2+L7JVYqBAYTq5AXgBkSjRSuQEGqWx8R1zAX16KdXPaCjOCaKE8MCpU0wcHlHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    // 유효성 검증
    window.onload = function() {
        document.frm.onsubmit = function() {
            var id = document.frm.id;
            var pwd = document.frm.pwd;
            var name = document.frm.name;
            var email = document.frm.email;

            if(!id.value) {
                alert("아이디를 입력하세요")
                id.focus();
                return false;
            }
            if(!pwd.value) {
                alert("비밀번호를 입력하세요")
                pwd.focus();
                return false;
            }
            if(!name.value) {
                alert("이름을 입력하세요")
                name.focus();
                return false;
            }
            if(!email.value) {
                alert("이메일을 입력하세요")
                email.focus();
                return false;
            }
        }
    }
</script>
</head>
<body>
    <div class="container">
        <div class="col-6 mx-auto">
            <form class="form-control" name="frm" method="post" >
                <label for="userId" class="form-label">아이디</label>
                <input type="text" name="id" id="userId" class="form-control">
                <label for="password" class="form-label">비밀번호</label>
                <input type="text" name="pwd" id="password" class="form-control">
                <label for="name" class="form-label">이름</label>
                <input type="text" name="name" id="userId" class="form-control">
                <label for="email" class="form-label">이메일</label>
                <input type="text" name="email" id="password" class="form-control">
                <div class="d-grid">
                	<button class="btn btn-primary btn-block my-3">회원가입</button>
                </div>
                	<button type="reset" class="btn btn-danger">다시입력</button>
            </form>
        </div>
    </div>
</body>
</html>

회원정보 등록하기
유효성 검증 : 아이디 입력
유효성 검증 : 비밀번호 입력
유효성 검증 : 이름 입력
유효성 검증 : 이메일 입력
정보기입 완료
회원정보 등록하기 성공!
Oracle에도 저장된 거 확인!

 

[JSP] 회원정보 : 삭제하기[목록조회에 삭제하기 버튼 추가하기]

[JSP] 회원정보 : 등록하기[DataSource를 이용하여 회원 정보 등록하기] [JSP] 회원정보 : 목록조회[데이터베이스 연동하여 회원 정보 목록조회] 1. JSP에 연동할 데이터베이스 생성하기 [Oracle] 테이블스

yermi.tistory.com

728x90
'◎ Java/JSP📋' 카테고리의 다른 글
  • [JSP] JSP의 영역 개체 [page, request, session, application]
  • [JSP] 회원정보 : 삭제하기 [목록조회에 삭제하기 버튼 추가하기]
  • [JSP] 회원정보 : 목록조회 [데이터베이스 연동하여 회원 정보 목록조회]
  • [JSP] 환율 계산기 만들기 [서블릿(Servlet)을 이용한 환율 계산기 만들기]
예르미(yermi)
예르미(yermi)
끊임없이 제 자신을 계발하는 개발자입니다👨🏻‍💻
  • 예르미(yermi)
    예르미의 코딩노트
    예르미(yermi)
  • 전체
    오늘
    어제
    • 분류 전체보기 (939) N
      • ◎ Java (133)
        • Java☕ (93)
        • JSP📋 (26)
        • Applet🧳 (6)
        • Interview👨🏻‍🏫 (8)
      • ◎ JavaScript (48)
        • JavaScript🦎 (25)
        • jQuery🌊 (8)
        • React🌐 (2)
        • Vue.js🔰 (6)
        • Node.js🫒 (3)
        • Google App Script🐑 (4)
      • ◎ HTML5+CSS3 (17)
        • HTML5📝 (8)
        • CSS3🎨 (9)
      • ──────────── (0)
      • ▣ Framework (67)
        • Spring🍃 (36)
        • Spring Boot🍀 (12)
        • Bootstrap💜 (3)
        • Selenium🌕 (6)
        • MyBatis🐣 (10)
      • ▣ Tools (47)
        • API🎯 (18)
        • Library🎲 (15)
        • JitPack🚀 (3)
        • Jenkins👨🏻 (7)
        • Thymeleaf🌿 (4)
      • ▣ Server (30)
        • Apache Tomcat🐱 (14)
        • Apache HTTP Server🛡️ (1)
        • Nginx🧶 (7)
        • OracleXE💿 (4)
        • VisualSVN📡 (4)
      • ▣ OS : 운영체제 (18)
        • cmd : 명령프롬프트💻 (10)
        • Linux🐧 (8)
      • ▣ SQL : Database (56)
        • Oracle SQL🏮 (26)
        • PL SQL💾 (9)
        • MySQL🐬 (6)
        • MariaDB🦦 (6)
        • H2 Database🔠 (3)
        • SQL 실전문제🐌 (6)
      • ────────── (0)
      • ◈ Human Project (86)
        • Mini : Library Service📚 (15)
        • 화면 설계 [HTML]🐯 (10)
        • 서버 프로그램 구현🦁 (15)
        • Team : 여수어때🛫 (19)
        • Custom : Student🏫 (9)
        • Custom : Board📖 (18)
      • ◈ Yermi Project (40)
        • 조사모아(Josa-moa)📬 (5)
        • Riddle-Game🧩 (6)
        • 맛있을 지도🍚 (2)
        • 어디 가! 박대리!🙋🏻‍♂️ (5)
        • 조크베어🐻‍❄️ (4)
        • Looks Like Thirty🦉 (2)
        • Toy Project💎 (12)
        • 오픈소스 파헤치기🪐 (4)
      • ◈ Refactoring (15)
        • Mini : Library Service📚 (8)
        • 서버 프로그램 구현🦁 (1)
        • Team : 여수어때🛫 (0)
        • 쿼리 튜닝일지🔧 (6)
      • ◈ Coding Test (91) N
        • 백준(BOJ)👨🏻‍💻 (71) N
        • 프로그래머스😎 (2)
        • 코드트리🌳 (7)
        • 알고리즘(Algorithm)🎡 (11)
      • ◈ Study (102)
        • 기초튼튼 개발지식🥔 (25)
        • HTTP 웹 지식💡 (4)
        • 클린코드(Clean Code)🩺 (1)
        • 디자인패턴(GoF)🥞 (12)
        • 다이어그램(Diagram)📈 (4)
        • 파이썬(Python)🐍 (16)
        • 에러노트(Error Note)🧱 (34)
        • 웹 보안(Web Security)🔐 (6)
      • ◈ 공부모임 (39)
        • 혼공학습단⏰ (18)
        • 코드트리 챌린지👊🏻 (2)
        • 개발도서 100독👟 (8)
        • 나는 리뷰어다🌾 (11)
      • ◈ 자격증 공부 (37)
        • 정보처리기사🔱 (16)
        • 정보처리산업기사🔅 (9)
        • 컴퓨터활용능력 1급📼 (12)
      • ─────────── (0)
      • ◐ 기타 (113)
        • 알아두면 좋은 팁(tip)✨ (46)
        • 개발자의 일상🎈 (44)
        • 개발도서 서평🔍 (10)
        • 개발관련 세미나🎤 (2)
        • 블로그 꾸미기🎀 (9)
        • 사도신경 프로젝트🎚️ (2)
  • 인기 글

  • 최근 댓글

  • 태그

    BOJ
    코딩
    SQL
    백준
    Database
    일상
    Oracle
    jsp
    html
    Java
    spring
    Error Note
    javascript
    백준 티어
    자바스크립트
    코딩 테스트
    프로그래밍
    Project
    꿀팁
    CSS
  • 250x250
  • hELLO· Designed By정상우.v4.10.3
예르미(yermi)
[JSP] 회원정보 : 등록하기 [DataSource를 이용하여 회원 정보 등록하기]
상단으로

티스토리툴바