pupustory@

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

에고 얼마만의 포스트인지 모르겠다. 사실 JSF의 <h:dataTable> 와 <h:panelgroup>을 먼저 다루고 해야 하지만 .. 귀찮은 관계로 --; 두가지는 그냥 이 예제를 통해 보도록 하자 --; 간단하게 설명하자면 ..

dataTable
우리가 생각하는 table이다. 단. 좀 더 정형화(?)되어 있다고 보면 될 것이다. 단. table에서 사용하던 rowspan이나 colspan은 사용할 수 없다. 이럴때 JSTL과 혼합하여 <table>를 사용하면 될 것이다.

panelgroup
awt나 swing, swt에서 사용하는 방식의 패널이다. 컴포넌트들의 묶음이라고 생각하면 된다. 경우에 따라 html에 보여지는 메뉴가 바뀌어야 한다면 panelgroup의 보여주는 여부(rendered)의 옵션을 이용하면 그룹으로 통합된 관리가 가능 하다.

faces-config.xml
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd"> <faces-config> <managed-bean> <managed-bean-name>Board</managed-bean-name> <managed-bean-class>pupustory.Board</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> <managed-bean> <managed-bean-name>DataList</managed-bean-name> <managed-bean-class>pupustory.DataList</managed-bean-class> <managed-bean-scope>application</managed-bean-scope> </managed-bean> <navigation-rule> <from-view-id>/jsf/board/board.jsp</from-view-id> <navigation-case> <from-outcome>write</from-outcome> <to-view-id>/jsf/board/write.jsp</to-view-id> </navigation-case> <navigation-case> <from-outcome>view</from-outcome> <to-view-id>/jsf/board/read.jsp</to-view-id> </navigation-case> <navigation-case> <from-outcome>remove</from-outcome> <to-view-id>/jsf/board/board.jsp</to-view-id> </navigation-case> </navigation-rule> <navigation-rule> <from-view-id>/jsf/board/write.jsp</from-view-id> <navigation-case> <from-outcome>list</from-outcome> <to-view-id>/jsf/board/board.jsp</to-view-id> </navigation-case> </navigation-rule> <navigation-rule> <from-view-id>/jsf/board/read.jsp</from-view-id> <navigation-case> <from-outcome>list</from-outcome> <to-view-id>/jsf/board/board.jsp</to-view-id> </navigation-case> </navigation-rule> </faces-config>
Board.java
package pupustory; import java.util.ArrayList; import java.util.List; import javax.faces.component.UIComponent; import javax.faces.component.html.HtmlInputText; import javax.faces.component.html.HtmlInputTextarea; import javax.faces.context.ExternalContext; import javax.faces.context.FacesContext; import javax.faces.event.ActionEvent; import javax.servlet.http.HttpServletRequest; public class Board { private java.util.List list = new java.util.ArrayList(); private java.util.Map indexMap = new java.util.HashMap(); private BoardBean readRow = null; private HtmlInputText boardTitle = new HtmlInputText(); private HtmlInputTextarea boardBody = new HtmlInputTextarea(); public Board() { this.list = DataList.getList();} public HtmlInputText getBoardTitle() { return boardTitle; } public void setBoardTitle(HtmlInputText boardTitle) { this.boardTitle = boardTitle;} public HtmlInputTextarea getBoardBody() { return boardBody;} public void setBoardBody(HtmlInputTextarea boardBody) { this.boardBody = boardBody;} public int getListSize() { return list.size();} public List getList() { return list;} public BoardBean getReadRow() { return readRow;} public void setReadRow(BoardBean readRow) { this.readRow = readRow;} public void writeAction(ActionEvent event) { String title = (String) boardTitle.getValue(); String body = (String) boardBody.getValue(); BoardBean inputBean = new BoardBean(); inputBean.setTitle(title); inputBean.setBody(body); inputBean.setIndex(getListSize()); DataList.add(inputBean); } public void viewAction(ActionEvent event) { ExternalContext extcon = FacesContext.getCurrentInstance() .getExternalContext(); HttpServletRequest request = (HttpServletRequest) extcon.getRequest(); String idx = request.getParameter("index"); readRow = DataList.get(Integer.parseInt(idx)); readRow.setCount(readRow.getCount() + 1); } }
BoardBean.java
package pupustory; public class BoardBean { private String title; private String body; private int index; private int count; public int getIndex() { return index; } public void setIndex(int index) { this.index = index; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getBody() { return body; } public void setBody(String body) { this.body = body; } public int getCount() { return count; } public void setCount(int count) { this.count = count; } }
DataList.java
package pupustory; public class DataList { private static java.util.List list = new java.util.ArrayList(); private static java.util.Map indexMap = new java.util.HashMap(); public static java.util.List getList() { return list; } public static void setList(java.util.List list) { DataList.list = list; } public static BoardBean get(int index) { int itemIndex = Integer.parseInt(indexMap.get(index + "") + ""); return (BoardBean) DataList.list.get(itemIndex); } public static void add(BoardBean bean) { DataList.list.add(bean); DataList.indexMap.put(bean.getIndex() + "", DataList.list.size() - 1 + ""); } }
board.jsp
<%@ 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"> <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%> <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html> <head> </head> <body> <f:view> <h:form> <h:dataTable value="#{Board.list}" var="data" border="1" rendered="#{Board.listSize > 0}"> <h:column> <f:facet name="header"> <h:outputText value="제목" /> </f:facet> <h:outputText value="#{data.title}" /> </h:column> <h:column> <f:facet name="header"> <h:outputText value="조회수" /> </f:facet> <h:outputText value="#{data.count}" /> </h:column> <h:column> <f:facet name="header"> <h:outputText value="보기" /> </f:facet> <h:commandLink value="보기" action="view" actionListener="#{Board.viewAction}"> <f:param name="index" value="#{data.index}" /> </h:commandLink> </h:column> </h:dataTable> <h:outputText value="작성된 글이 없습니다." rendered="#{Board.listSize < 1}" /> <br /> <h:commandButton value="글쓰기" action="write" /> </h:form> </f:view> </body> </html>
read.jsp
<%@ 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"> <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%> <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html> <head> </head> <body> <f:view> <h:form> <h:panelGroup> <h:outputLabel for="title" value="제목" /> <h:outputText id="title" value="#{Board.readRow.title}" /> <br /> <h:outputLabel for="body" value="본문" /> <h:outputText id="body" value="#{Board.readRow.body}" /> </h:panelGroup> <br /> <h:commandButton action="list" value="목록" /> </h:form> </f:view> </body> </html>
write.jsp
<%@ 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"> <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%> <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html> <head> </head> <body> <f:view> <h:form> <h:panelGroup> <h:outputLabel for="title" value="제목" /> <h:inputText id="title" binding="#{Board.boardTitle}" value="" /> <br /> <h:outputLabel for="body" value="본문" /> <h:inputTextarea id="body" binding="#{Board.boardBody}" value="" /> </h:panelGroup> <br /> <h:commandButton value="작성완료" action="list" actionListener="#{Board.writeAction}" /> </h:form> </f:view> </body> </html>

faces-config.xml에선 각 페이지에서의 네비게이션을 설정 하였다. 좀 지저분해 보이는데 .. 아마도 좀 더 쉬운 방법이 찾아보면 있을지도 모르겠다.

사실 db를 사용했으면 편리 했겠지만 간단한 예제를 위해 db사용까지 하는건 오버하는거같아 List를 이용했다.

삭제 기능은 .. 인덱스를 일일이 찾아야 하므로 .. 중간에 삭제되었을때 앞 번호로 밀리는 문제 때문에 구현하지 않았다.

jsf는 asp.net를 대항하기 위해 탄생한걸로 알고 있는데 .. 그래서 이리저리 asp.net를 찾아보니 .. 정말 흡사해 보인다. 꼭 asp.net를 막기 위해 만들어 졌다곤 하지만 .. 그래도 jsf의 철학은 .. 은근히 맘에 들기도 하다.

우리나라에선 잘 사용하지 않지만 awt,swing등의 기존에 application을 개발하던 개발자들이 웹으로 쉽게 넘어올 수도 있을것 같고 잘쓰면(오히려 못쓰면 심각한 독이 될지도 ..) 유지보수나 컴포넌트 재사용 등에 유리할 것이다.

Pupustory Dev/JSF