한빛출판네트워크

1. DB2 Express-C를 다운로드하여 설치한다. 이것을 다운로드, 개발, 생산하는 것은 무료이다. 여러분은 앞의 링크에서 IBM XML 데이터베이스에 관해 좀 더 배울 수도 있다.
2. 전체 애플리케이션의 소스코드를 다운로드한다.

1. 이것은 XML 데이터베이스이므로 테이블은 단순히 두 개의 컬럼을 가진 매우 단순한 구조를 띤다 (그림 1 참조).
   
   
   그림 1. adbookdb의 구조
   
   
2. 윈도의 Start >> Programs >> IBM DB2 >> 으로 간 다음 DB2 Command Editor를 실행한다. 아니면 윈도의 알림영역에 위치한 DB 아이콘에 오른쪽 버튼을 클릭하여 start(DB2)를 선택하거나 Command Editor를 실행시킨다(그림 2 참조).
   
   
   그림 2. DB2 Community Edition의 빠른 실행
   
   
3. 아래 리스팅에 나타나 있는 스크립트를 실행하여 데이터베이스를 초기화한다.
   리스팅 1.

   CREATE DATABASE ADBOOKDB USING CODESET UTF-8 TERRITORY US~
   
   CONNECT TO ADBOOKDB user db2admin using "db2admin"~
   
   CREATE SCHEMA DB2ADMIN AUTHORIZATION DB2ADMIN~
   
   CREATE TABLE DB2ADMIN.ADDRESSBOOK 
         (EMAILID CHARACTER (50) NOT NULL PRIMARY  KEY, CONTACTINFO XML) ~
   

   위 파일은 10개의 레코드를 데이터베이스에 삽입하는 스크립트를 포함하고 있다. 한 사람의 전자메일 아이디가 주키이며 이는 데이터베이스에 삽입되는 다음의 XML 문자열로부터 주어진다. 한 사람의 전체 연락처 정보는 하나의 XML 문자열 엘리먼트로 전달된다. 아래에 나타나 있는 코드는 입력 스크립트의 한 예이며, XML과 주키간의 1대1 대응관계를 할당하기 위하여 전자메일 아이디가 엘리먼트에 하나의 속성으로서 유지되고 있음을 주목하라.

   insert into db2admin.addressbook values ("grace.thomas@yahoo.com","
   
   Grace
   Thomas
   9947267690
   Grace Villa
   III Cross
   Pattom
   ")~
   

4. 데이터가 적절히 삽입되었는지 확인하기 위하여 다음의 명령을 DB2 Command Editor에서 실행해 본다. DB2는 XML 컬럼을 트리 뷰와 소스 뷰(그림 3과 그림 4 참조)의 두 가지 형태로 볼 수 있는 뛰어난 뷰를 제공해 준다.

   SELECT * FROM DB2ADMIN.ADDRESSBOOK~ 
   

   
   그림 3. DB2 XML 문서 뷰어에서의 XML 필드에 대한 트리 뷰
   
   
   그림 4. DB2 XML 문서 뷰어에서의 XML 필드에 대한 소스 뷰

1. addressbook 데이터베이스에 연락처 정보 추가
2. 이미 데이터베이스내에 존재하는 연락처 정보들의 목록 나열
3. 정보 갱신

1. 만약 GUI상의 데이터에 대한 갱신의 반영이 저장되고 있는 데이터에 대한 애플리케이션의 요청과 동시에 이루어지게 되면 어떻게 그 정보가 영속성 메커니즘에 따라 적절히 추가되었음을 보장할 수 있을 것인가? 만약 유효성 오류 혹은 사용자에게 전달되어야 할 필요가 있는 예외가 발생할 경우에는 어떻게 될 것인가? 이것을 해결하는 한 가지 방법은 데이터베이스의 변경이 이루어질 때마다 즉시 클라이언트의 데이터도 갱신시켜주는 것이다. 이 경우 클라이언트에 이미 존재하는 정보는 한번 더 다운로드 될 것이므로 비효율적일 수 있다.
2. 레코드의 전체 집합을 다시 한번 모두 읽어옴으로써 갱신하는 것은 형편없는 응답 시간을 만들어내는 또 하나의 원인이 될 수도 있다. 또한 활동들을 비동기적으로 실행시킬 수 있는 능력을 가진 Ajax의 위력을 간과할 수도 있다.

1. 이 기사에서 제공되는 addressbook.zip 파일을 압축 해제하여 파일을 각각의 위치에 복사한다 (그림 6 참조).
   
   
   그림 6. 이클립스에서의 주소록 애플리케이션 작업공간
2. db2jcc.jar와 db2jcc_license_cu.jar를 웹 애플리케이션의 web-inf/lib 폴더로 복사한다. 이 JAR 파일들은 애플리케이션이 데이터베이스에 연결되는데 필요하다. 이러한 JAR 파일들이 들어있는지 DB2 설치 디렉터리 아래의 SQLLIB\java 디렉터리를 살펴보라.
3. Ant 타겟인 deploy-all을 실행시켜 오픈라즐로와 자바 웹 애플리케이션을 디플로이한다. 이것은 오픈라즐로 애플리케이션은 LPS로, .war 파일은 기본 톰캣 5.0 서버로 디플로이 할 것이다.
4. DB2를 시작한다.
5. 오픈라즐로 프레젠테이션 서버를 시작한다.
6. 브라우저에서 http://localhost:8080/lps-3.2/laszlotutorial/addressbook.lzx URL을 입력하고 엔터키를 친다. 그림 7은 메인 페이지의 스크린샷이다.
   
   
   그림 7. 주소록 애플리케이션

1. Add New Contact를 클릭하면 개인의 연락처 정보를 추가하는 화면이 나타날 것이다. 전자메일 아이디만이 필수 입력사항이다. 다른 모든 정보는 언제든지 이 화면으로 되돌아와 갱신 시킬 수 있다(그림 8 참조).
   
   
   그림 8. 새 연락정보 추가 화면
2. List all contacts를 클릭하면 데이터베이스내에 저장되어 있는 연락처 정보 가운데 기본적인 정보들만이 스크롤 가능한 테이블로 나열될 것이다(그림 9 참조).
   
   
   그림 9. 데이터베이스내의 모든 연락정보 나열
3. 한 사람의 전자메일 아이디를 더블클릭하면 현재 데이터베이스 상에서 볼 수 있는 정보들이 나타나 있는 갱신 화면이 팝업으로 나타날 것이다.
   
   
   그림 10. 이미 존재하는 연락정보의 열람 및 갱신
4. 이 화면에서 Update 버튼을 누르면 애플리케이션이 데이터베이스내의 레코드를 갱신하도록 요청하게 된다. 웹 응용계층상의 예외나 검증상의 다른 어떠한 오류들도 HttpResponse내의 사용자 정의 XML을 통해 클라이언트로 전달될 수 있다. 만약 여러분이 실행이 중지된 데이터베이스내의 연락처들을 나열하게 되면 그림 11과 같은 화면을 보게 될 것이다. 이것은 사용자에게 유용한 메시지를 전달할 수 있도록 손쉽게 수정될 수 있다.
   
   
   그림 11. 예외사항을 사용자에게 보여주기

1. addressbook.lzx: 전체 사용자 인터페이스가 만들어져 구축될 캔버스를 선언한다.
2. contactdetails.lzx: 이 클래스는 연락처의 세부 정보를 보여주기 위한 화면을 생성한다. 여기에서 사용자는 연락처 정보를 갱신할 수도 있다.
3. newcontact.lzx: 이것은 새로운 연락처에 대한 화면 정보들의 집합이다.
4. datasets.lzx: 이 클래스는 데이터집합을 하나의 파일로 그룹화하는 것을 나타낸다. 그 파일은 addressbook.lzx에 포함되어 혼란을 방지한다.
5. xmlfetcher.jsp: 이 JSP 파일은 현재 구성에서 응용계층을 표현한다. 생산 계획상 이것은 비즈니스 로직을 포함하는 프레임워크와 트랜잭션, 검증 및 기타 작업들을 처리하는데 필요한 프레임워크로 대체될 수도 있다.
6. ringingphone.gif: 애플리케이션에 양념을 가미하는 자그마한 그래픽 파일이다.

messagetext.setText("");
if(phonelist.visible){phonelist.setVisible(false);}
if(contactallinfo.visible){contactallinfo.setVisible(false);}
newperson.setVisible(true);
newperson.resetForm();
newperson.title.setAttribute("text","New Contact");

messagetext.setText("");
if(newperson.visible){newperson.setVisible(false);}
parent.parent.listAllContacts();
contactallinfo.setVisible(false);
phonelist.setVisible(true);

No


 First Name


 Last Name


 Phone


 Email Id

1. 연락처 정보에 대한 주키인 전자메일 아이디는 여기에서는 JSP에 의해 표현되는 웹 애플리케이션으로 전달된다.
2. JSP는 연락처에 대한 상세정보를 한 사람의 노드(node)로서 돌려준다.
3. contactallinfo 창의 경로는 위 연락처에 관한 상세 정보를 가지는 새로운 경로로 지정된다. 따라서 현재 창은 특정 연락처에 관한 상세 정보를 보여준다.

phonelist.setVisible(false);
contactallinfo.setVisible(true);
contactallinfo.getContactdetailsMore(this.text);
contactallinfo.setDatapath("contactdetailsDS:/addressbook/person");
contactallinfo.title.setAttribute("text","View/ Update contact details");

1. 캔버스로부터 listcontactsDS에 대한 참조를 얻는다
2. LzParam 객체를 생성하는데 이 객체는 우리가 HttpRequest에 필요한 파라미터를 이름=값의 쌍으로 추가할 수 있도록 해준다.
3. action=getall 문자열이 LzParam 객체에 추가되는데, 이는 데이터 집합과 관련되어 있다.
4. HttpRequest는 LzParam 객체상의 doRequest() 메소드를 호출함으로써 만들어진다.

1. "getall" 기능은 데이터베이스내의 연락처에 속하는 정보 중 다음의 4개만을 돌려준다: 이름, 성, 전화번호, 전자메일 주소. 대부분의 경우 이 정보만으로도 충분할 것이다.
2. 초기에 목록을 나열하는 동안 읽어들여지는 데이터의 양을 제한함으로써 응답시간은 좀 더 빨라질 수 있다.
3. 만약 사용자가 특정 연락처에 추가정보를 요구하면, 연락처의 전자메일 아이디를 더블클릭하여 요청할 수 있다.

var ds=canvas.datasets.listcontactsDS;
var p=new LzParam();
p.addValue("action","getall",true);
ds.setQueryString(p);
ds.doRequest();

if (this.xpathQuery("listcontactsDS:/addressbook/result[@action="exception"]/text()") == "failure") {
messagetext.setText("There is an exception!");
}else{
messagetext.setText("");
}

var ds=canvas.datasets.contactdetailsDS;
var p=new LzParam();
p.addValue("action","getcontactdetails",true);
p.addValue("emailid",email_id, true);
ds.setQueryString(p);
ds.doRequest();

setAttribute("emailid",hb_1.email_in.getText());
setAttribute("firstnm",hb_2.fname_in.getText());
setAttribute("lastnm",hb_2.lname_in.getText());
setAttribute("phonenmbr",hb_4.pnumber_in.getText());

var ds=canvas.datasets.contactdetailsDS;
var p=new LzParam();
p.addValue("action","updatecontact",true);
p.addValue("emailid",emailid, true);
p.addValue("firstname",firstnm,true);
p.addValue("lastname",lastnm,true);
p.addValue("phonenumber",phonenmbr,true);
p.addValue("housename",hb_3.hname_in.getText(),true);
p.addValue("streetname",hb_3.sname_in.getText(),true);
p.addValue("cityname",hb_4.cname_in.getText(),true);
ds.setQueryString(p);
ds.doRequest();

setAttribute("emailid",hb_1.email_in.getText());
setAttribute("firstnm",hb_2.fname_in.getText());
setAttribute("lastnm",hb_2.lname_in.getText());
setAttribute("phonenmbr",hb_4.pnumber_in.getText());

var ds=canvas.datasets.addnewDS;
var p=new LzParam();
p.addValue("action","addnewcontact",true);
p.addValue("emailid",emailid, true);
p.addValue("firstname",firstnm,true);
p.addValue("lastname",lastnm,true);
p.addValue("phonenumber",phonenmbr,true);
p.addValue("housename",hb_3.hname_in.getText(),true);
p.addValue("streetname",hb_3.sname_in.getText(),true);
p.addValue("cityname",hb_4.cname_in.getText(),true);
ds.setQueryString(p);
ds.doRequest();

hb_1.email_in.setText("");
hb_2.fname_in.setText("");
hb_2.lname_in.setText("");
hb_4.pnumber_in.setText("");
hb_3.hname_in.setText("");
hb_3.sname_in.setText("");
hb_4.cname_in.setText("");

if (this.xpathQuery("result[@action="addnewcontact"]/text()") == "success") {
messagetext.setText("Contact details successfully Inserted");
var dp = canvas.datasets.listcontactsDS.getPointer();
dp.selectChild(2);
dp.addNodeFromPointer(dp);
dp.setNodeAttribute("email",classroot.emailid);
dp.selectChild();
dp.setNodeText(classroot.firstnm);
dp.selectNext();
dp.setNodeText(classroot.lastnm);
dp.selectNext();
dp.setNodeText(classroot.phonenmbr);
Debug.write("classroot.emailidentifier",classroot.emailid);
parent.setVisible(false);
canvas.mainwindow.listAllContacts();
phonelist.setVisible(true);
contactsgrid.datapath.updateData();
} else if (this.xpathQuery("result[@action="addnewcontact"]/text()") == "failure") {
messagetext.setText("Update failed !");
}else if (this.xpathQuery("result[@action="exception"]/text()") == "failure") {
messagetext.setText("There is an exception!");
}else{
messagetext.setText("");
}

if (action.equals("getall")) {
pstmt = connection.prepareStatement("XQuery  {
( for $person in db2-fn:xmlcolumn("DB2ADMIN.ADDRESSBOOK.CONTACTINFO")/person"+
"return  {($person/firstname), ($person/lastname),($person/phone)} )}
");
rs = pstmt.executeQuery();

while (rs.next()) {
System.out.println(rs.getString(1));
out.print(rs.getString(1));
}
}

if (action.equals("getcontactdetails")) {
String pk = request.getParameter("emailid");

String sql="values(xmlquery(" for $person in db2-fn:xmlcolumn(\"DB2ADMIN.ADDRESSBOOK.CONTACTINFO\")/person"+
" where $person/@email eq $emailid " +
" return {($person)} " "+
" passing cast(? AS varchar(50) ) as \"emailid\" ))";

pstmt = connection.prepareStatement(sql);

pstmt.setString(1,pk);
rs= pstmt.executeQuery();

while (rs.next()) {
System.out.println(rs.getString(1));
out.print(rs.getString(1));
}

if (action.equals("addnewcontact")) {
String pk = request.getParameter("emailid");
String fname = request.getParameter("firstname");
String lname = request.getParameter("lastname");
String hname = request.getParameter("housename");
String sname = request.getParameter("streetname");
String cname = request.getParameter("cityname");
String phnumber = request.getParameter("phonenumber");

String finalString=""+fname+
                                    ""+lname+""+
phnumber+""+hname+""+
sname+""+cname+"";

String sql="INSERT INTO DB2ADMIN.ADDRESSBOOK(EMAILID ,CONTACTINFO)values(""+pk+"",""+finalString+"")";

stmt = connection.createStatement();
stmt.executeUpdate(sql);

out.print("success");

}

if (action.equals("updatecontact")) {
String pk = request.getParameter("emailid");
String fname = request.getParameter("firstname");
String lname = request.getParameter("lastname");
String hname = request.getParameter("housename");
String sname = request.getParameter("streetname");
String cname = request.getParameter("cityname");
String phnumber = request.getParameter("phonenumber");

String finalString=""+fname
+" "+lname+""+
phnumber+""+hname+""+
sname+""+cname+"";

String sql="UPDATE DB2ADMIN.ADDRESSBOOK SET CONTACTINFO=""+ finalString+ "" WHERE EMAILID=""+pk +""";

stmt = connection.createStatement();
stmt.executeUpdate(sql);

out.print("success");
System.out.println("success");

}

} catch (Exception e) {
e.printStackTrace();
out.print("failure");
} finally {
System.out.println("executing finally ");
try {
System.out.println("Closing the statement and connection");
if(null!=rs){
rs.close();
}
if(null != pstmt){
pstmt.close();
}
connection.close();
System.out.println("closing the connection");
} catch (Exception e) {
System.out.println("There is exception in the finally block");
e.printStackTrace();
}
}