웹 페이지에 데이터베이스(DB) 데이터 불러오기

사전작업


이클립스 설치 및 실행
이클립스, JDK, HeidiSQL, MySQL을 사용합니다.

웹프로젝트 생성


1. File->New->Project..을 클릭하셔서 다이나믹 웹프로젝트(Dynamic Web Project)를 영어로 찾는다.

2. 프로젝트 이름 넣어주시고 Finish를 누른다.

3.WebContent 폴더에서 오른쪽 마우스를 클릭한 후 New에 JSP File을 클릭한다.


4. home.jsp를 입력하시고 Finish를 클릭한다.


5. home.jsp에 아래와같이 <body>테그 안에 "<p>hello World!!</p>"코드를 입력한다.


6. 프로젝트에서 오른쪽 마우스 클릭을 한 후 Run as에서 run on server를 클릭한다.


7. Tomcat이라고 검색하고 자신의 컴퓨터에 있는 톰켓 버전과 맞는 버전을 선택한다.
=>톰켓 설치가 안되었다면 이곳 에서 zip을 다운 받고 원하는 경로에 압축해제 후 따라하면 된다.

8. Finish를 누른다.


9.이렇게 웹사이트에 Hello World가 나온다.
=>크롬에서 나오게하려면 Window에서 Web Browser에 Chrome을 선택한다.


데이터베이스 만들고 데이터 입력


1. 데이터베이스의 종류는 많지만 여기서는 MySQL을 사용한다.
=>MySQL이 없다면 여기 에서 본인의 윈도우 버전에 맞춰 다운받는다.
=>다운로드 중간에 WorkBench 툴을 설치할 수 있게 꼭 항목을 읽으면서 설치한다.

2. MYSQL WorkBench에 들어가서 테이블을 생성하고 데이터를 아래와같이 입력한다.
/*테이블 생성*/
create table tbl_member(
userid varchar(50) not null primary key,
    userpw varchar(50),
    username varchar(50),
    email varchar(100),
    regdate timestamp default now(),
    updatedate timestamp default now()
);

insert into tbl_member(userid, userpw,username,email) values('moerai','123123','toto','toto@totolend.com');
insert into tbl_member(userid, userpw,username,email) values('exper','123123','excetion','exper@naver.com');


3. 위의 데이터를 넣고 데이터가 잘 들어갔는지 확인한다.
select * from tbl_member;


데이터베이스 정보를 가져오기


1. 다시 eclipse로 가서 Java Resources아레 dto라는 페키지를 만들고 Member라는 클래스를 생성한다.


2. Member에 DB에서 값을 받아올 변수들을 생성한다.

package dto;

public class Member {

private String userid;
private String userpw;
private String username;
private String email;
public String getUserid() {
return userid;
}
public void setUserid(String userid) {
this.userid = userid;
}
public String getUserpw() {
return userpw;
}
public void setUserpw(String userpw) {
this.userpw = userpw;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
}

3. 다시 dao라는 페키지를 만들고 Memberdao라는 클래스를 만든다. DBMS에 커넥트할 수 있게 해주는 객체를 만드는 것이다.







댓글