MVC 첫번째강좌 - 모델1 기법으로 게시판 리스트 만들기
작성자 : 김시웅
테스트환경 : 이클립스2.1.2, mysql, tomcat4.1.30
본강좌는 jsp에 어느정도 익숙하신걸로 가정하고 진행하겠습니다. 일단 환경부터 구축해야겠죠^^.
먼저 DB에 테이블을 하나 만들겠습니다. Board(번호, 이름, 제목, 내용, 등록일) 테이블을 하나 만들고 디폴트로 몇개의 데이타를 넣겠습니다.(Board.sql, insert.sql) 자, 기본적인 준비는 됐습니다.
이제 이클립스에서 자바프로젝트를 하나 만듭니다. 프로젝트명은 MvcBoard 라고 하겠습니다.
프로젝트에서 www 폴더를 만듭니다. 이제 톰캣플러그인이 필요합니다. 설치하지 않으신분은 자료실에서 다운 받으시면 됩니다.
톰캣플러그인이 설치되셨다면 MvcBoard->특성을 누릅니다. 왼편에 Tomcat을 선택하고 Is a Tomcat Project 를 체크합니다. 다음에 Subdirectory to set as web application root(optional) 부분을 /www 로 변경합니다. 변경한 화면은 다음과 같습니다.
확인을 누르면 톰캣설정이 완료되었습니다. 이제 www폴더에 test.jsp를 만들고 내용은 test 로 합니다.
톰캣을 실행하고 브라우저에서 http://localhost:8080/test.jsp 를 입력합니다. 아래화면처럼 나오면 성공입니다.
지금까지는 db를 구성하고 이클립스에서 프로젝트를 톰캣과 연동하는 과정이었습니다. 앞으로 진행할 웹관련 강좌는 이런형태로
프로젝트를 설정하게됩니다.
자 그럼 모델1방식으로 게시판 리스트를 만들어보도록 하겠습니다. www폴더에 List.jsp 를 만들고 다음의 순서대로 내용을 채우겠습니다.
먼저 import 와 contentType을 설정합니다.
<%@ page language="java" import="java.sql.*,java.io.*" contentType="text/html; charset=euc-kr" %>
그 다음에 db에 접속을 해서 커넥션을 맺습니다. db서버주소, db명, 유저명,암호는 여러분의 db에 맞게 직접 넣으시기 바랍니다.
본강좌에서는 mysql을 사용합니다.
<%
String url = "jdbc:mysql://db서버주소:3306/db명";
String username = "유저명";
String password = "암호";
Connection con = null;
try {
Class.forName("org.gjt.mm.mysql.Driver");
con = DriverManager.getConnection(url, username, password);
} catch (ClassNotFoundException e) {
out.println("드라이버를 찾을수 없습니다.");
} catch (SQLException ex) {
out.println("접속실패");
}
%>
커넥션을 얻었다면 ResultSet을 얻습니다. 테이블은 위에서 만든 Board 입니다. Board.sql을 사용하여 테이블을 만들고 insert.sql 을 사용하여 데이타를 먼저 입력해놓겠습니다.(위의 첨부파일을 참조하세요)
<%
PreparedStatement ps = null;
ResultSet rs = null;
String query = "select * from Board";
try {
ps = con.prepareStatement(query);
rs = ps.executeQuery();
%>
이제 ResultSet을 사용하여 화면에 리스트를 구성하도록 하겠습니다.
<html>
<body>
<table border="1">
<tr>
<td>번호</td>
<td>제목</td>
<td>이름</td>
<td>등록일</td>
</tr>
<%
while (rs.next()) {
String num = rs.getString("num");
String subject = rs.getString("subject");
String name = rs.getString("name");
String regiDate = rs.getString("regiDate");
%>
<tr>
<td><%=num%></td>
<td><%=subject%></td>
<td><%=name%></td>
<td><%=regiDate%></td>
</tr>
<%
}
%>
</table>
</body>
</html>
자, 이제 남은건 커넥션을 닫기만 하면 됩니다.
<%
} catch (SQLException e) {
out.println(e);
} finally {
try {
if(rs != null) rs.close();
if(ps != null) ps.close();
if(con != null) con.close();
} catch(SQLException e) {
out.println(e);
}
}
%>
이제 브라우저에서 http://localhost:8080/List.jsp 를 호출하면 다음화면처럼 나올겁니다.
다음 강좌에서는 MVC기법으로 소스를 변경해보도록 하겠습니다.(물론 화면에 나타나는 결과물은 동일할겁니다)
