2016. 09. 19. (Mon) 스물일곱 번째 수업
추석연휴 들어가기전에 설치했던 MySQL 서버를 이클립스와 연동하는 것을 3일간 수업했다.
긴 연휴가 끝나서 조금 느슨해진 것도 없지 않지만, 갑자기 찾아온 두통과 경추근육통으로
정상적인 생활이 불가능해져서 수업 내용을 모아서 한번에 업로드 한다.
秋夕の前に設置したMySQLサーバーをジャバーと連動して使うことを三日間勉強した。
休み明けだったから緩んだこともあるが、いきなり出来た頭痛と頸椎の痛みのせいで
普通に生活ができず今回の内容はまとめて投稿します！
수업내용
- 이클립스로 MySQL DB서버의 맴버리스트를 호출하기(Select)
- 이클립스로 MySQL DB서버의 맴버 추가하기(Insert)
1. 이클립스로 MySQL DB서버의 맴버리스트를 호출해보자.
우선 지난 톰캣 서버 8.0 수업 때 만들어 봤던 Dynamic web project 폴더를 생성하자!
Project Explorer에서 우클릭 new - Dynamic Wep Project Click!
아래와 같이 L01JDBC 라는 이름으로 생성 후 WebContent - WEB-INF - lib 폴더에
오라클 사이트에서 다운 받은 mysql-connector를 넣어준다.
(저게 있어야지만 MySQL과 통신을 할 수 있다!)
그 다음 Java Resources - src 에 아래와 같이 Package를 생성한다.
com..javalesson.source 생성 후 MemberList class 생성! ( 패키지 및 파일명은 수업시간에 한 그대로 입니다.)
그리고 아래와 같이 MemberList를 코딩한다.
전체적인 구조를 이해하자. 안에 내용은 각 컴퓨터 마다 설정된 MySQL의 경로와 아이디, 비번이 다를 수 있으므로 주의하자.
또한 DB의 내용도 다르기 때문에 불러올 값의 상수명 설정에도 주의하자.
조회 서비스는 DoGet을 이용했지만, 제출 등에 사용되는 DoPost와의 차이점과 어떻게 사용되는지 이해하자.
실행하면 아래와 같은 결과 값을 얻을 수 있다.
(데이터베이스는 터미널을 통해 이미 넣어놓은 값이다, 수정은 추후 업데이트할 내용.. 미리 넣어봄)
2. 이클립스로 MySQL 서버에 맴버 추가하기 (Insert)
MemberList가 있는 Java Resources - src - com.javalesson.source Package에 MemberAdd 클래스를 생성하고
아래와 같이 코딩한다.
그리고 WebContent 폴더에 index.jsp 파일을 생성하여 사용자로부터 입력받은 내용을 MemberAdd로 넘겨주는 코딩을 한다.
아래의 내용을 살펴보자
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>회원가입 양식(Insert)</h2>
<h4>INSERT INTO MEMBER(id,pwd,name,phone,email,admin) VALUES('admin','1234','관리자','1111-1111','admin@gmail','1')</h4>
<h4>insert 쿼리를 실행하는 MemberAdd servlet을 호출한다.</h4>
<h4>성공시 MemberList servlet을 호출, 실패시 회원가입 form으로 돌아간다.</h4>
<form action="MemberAdd" method="post">
<p>
<label for="uName">이름</label>
<input type="text" id="uName" name="uName" size="20" placeholder="이름을 입력하세요.">
</p>
<p>
<label for="uId">ID</label>
<input type="text" id="uId" name="uId" size="20" placeholder="ID를 입력하세요.">
</p>
<p>
<label for="uPass">password</label>
<input type="password" id="uPass" name="uPass" size="20" placeholder="password를 입력하세요.">
</p>
<p>
<label for="uEmail">E-mail</label>
<input type="email" id="uEmail" name="uEmail" size="20" placeholder="E-mail을 입력하세요.">
</p>
<p>
<label for="uPhone">Phone</label>
<input type="text" id="uPhone" name="uPhone" size="20" placeholder="폰 번호를 입력하세요.">
</p>
<p>
<label for="admin">관리자</label>
<input type="radio" id="admin" name="uAdmin" value="1">
<label for="admin">일반</label>
<input type="radio" id="normal" name="uAdmin" value="0">
</p>
<input type="submit" value="제출">
</form>
</body>
</html>
그리고 실행하면 아래와 같은 웹페이지가 실행되는 것을 확인할 수 있다.
내용을 입력하고 확인을 누르면 MemberList로 돌아가 새로운 내용이 갱신된 것을 확인할 수 있다.
(MemberAdd에서 실행하면 null값이 뜨니 index 페이지에서 이클립스를 실행하도록 주의하자)
이클립스를 통해서 맴버리스트에 새로 추가하는 것을 해보았다.
매번 SQL문을 입력하지 않아도 미리 만들어 놓은 형식(form)을 통해 간단하게 처리되는 것을 볼 수 있다.
다음 포스트에서는 이미 존재하는 DB 맴버의 내용을 수정(Update) 하는 것을 진행 하겠다.
'IT story > JSP' 카테고리의 다른 글
| D+29 JDBC(Java DATABASE Connection, DELETE) (0) | 2016.09.26 |
|---|---|
| D+28 JDBC(Java DATABASE Connection, UPDATE) (0) | 2016.09.26 |
| MySQL 환경변수 설정(PATH 설정, for mac OS) (0) | 2016.09.13 |
| D+25, 26 MySQL 설치하기(for MAC) (0) | 2016.09.13 |
| D+24 톰캣서버(for Mac OS) (0) | 2016.09.11 |