아...계속 게시판만 만드네요-_-; 그래도 데이터연동의 가장 기본이 되는것을 해야하니깐-_-;

테스트환경은 TOMCAT6.0 + JDK 6.0 + Struts 1.3.8 + iBATIS 2.3.0 + Flex3 Beta 2 에서 했습니다.

저번엔 RemoteObject로 삽질했는데 이제 HTTPService로 삽질하네요.
우선 RemoteObject는 해당클래스를 직접 호출해서 가져다가 쓰는 것이구요.
HTTPService는 말그대로 http를 통해 주소값을 넣으면 그것을 실행하게 되는 것인데요.
그 실행해서 나오는 값이 xml형태이면 xml태그에 있는 값을 가져올 수 있습니다.

그렇다는 얘기는 서버단에서는 Struts와 iBATIS를 통해서 DB와 연동해서 데이터를 xml형태로 리턴해주면 그것을 FLEX에서 값을 가져다가 DataGrid에 넣든 쇼를 하든 할 수 있다는 얘기죠.

그리 대단한 건 아니지만, HTTPService로 삽질하시는 분들께 도움이 되고자-_-;

invalid-file

Struts + iBATIS를 이용한 xml을 리턴하는 게시판입니다.

즉 http://localhost:8080/FlexBoard/list.do 을 실행하게 되면 결과값이 xml코드를 리턴한다는 얘기죠.
그런식으로 나타낸 xml코드를 flex에서 가져다가 DataGrid에 넣도록 되어있습니다.

invalid-file

Flex Project Archive로 export한 프로젝트입니다.

이거는 저 위에 있는 FlexBoard.war에 포함되어있는 swf를 만들어주는 프로젝트입니다.
즉, 그냥 서버단에서 리턴하는 xml을 가져와서 DataGrid에 넣기도하고, http서비스를 이용하여 파라메터를 던져서 해당 DB를 컨트롤하기도 하고 그런거하는 겁니다.


DB구조는.....
CREATE TABLE `Board` (
  `b_id` int(11) NOT NULL auto_increment,
  `b_name` varchar(10) NOT NULL,
  `b_pwd` varchar(10) NOT NULL,
  `b_title` varchar(30) NOT NULL,
  `b_content` mediumtext NOT NULL,
  PRIMARY KEY  (`b_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=euckr AUTO_INCREMENT=115 ;
입니다-_-;

설명은 나중에-_-; 아.....졸려-_-;
 
Posted by 머드초보
,
 

마지막입니다. 글 삭제하기 기능입니다.

이것도 글 수정하는 거랑 원리가 비슷합니다. 글삭제버튼을 누르게 되면 비밀번호를 입력하라고 나오는데 입력해서 맞으면 삭제하는 식입니다.






글삭제를 누르면 deleteForm.do를 실행합니다. 이것은 deleteForm.jsp를 실행합니다.

[code]
<html:form action="delete" method="POST" focus="pwd">
<table border="1" width="250">
    <tr bgcolor="#7eaee9">
        <td>게시물의 비밀번호를 입력하세요.</td>
    </tr>
    <tr>
        <td>
        <html:password property="pwd"/>
        <html:hidden property="id" value="<%= request.getParameter("id") %>"/>
        <html:submit value="확인"/>
        </td>
    </tr>
    <tr>
    <td>
    <html:messages id="msg" property="invalidPwd">
        <bean:write name="msg"/>
    </html:messages>
    </td>
    </tr>
</table>
</html:form>
[/code]
pwd를 입력받고 id는 파라메터로 받은 것을 delete.do에 넘겨줍니다.
delete.do를 수행하는 action태그를 보도록 합시다.

struts-config.xml
[code]
<action path="/delete"
                type="simpleboard.actions.deleteAction"
                name="DynaForm"
                scope="request"
                validate="true"
                input="/deleteForm.jsp">
</action>
[/code]

deleteAction을 수행하며 비밀번호가 맞으면 자바스크립트를 통해 삭제가 성공했다는 메시지를 띄우고 틀리면 deleteForm.jsp를 다시 실행합니다.
deleteAction을 보도록 합시다.

deleteAction.java
[code]
public class deleteAction extends Action{
    public ActionForward execute(   ActionMapping mapping,
            ActionForm form,
            HttpServletRequest request,
            HttpServletResponse response) throws Exception{
       
        DynaActionForm deleteForm = (DynaActionForm)form;
        BoardDAO dao = new BoardDAO();
        ActionMessages errors = new ActionMessages();
       
        int id = (Integer)deleteForm.get("id");
        String pwd = (String)deleteForm.get("pwd");
        if (dao.CheckPwd(id, pwd)) {
            dao.Delete(id);
            response.setContentType("text/html; charset=euc-kr");
            PrintWriter out = response.getWriter();
            out.println("<script language='javascript'>"); 
            out.println("alert('글이 삭제되었습니다.');");
            out.println("location.href = \"list.do\";");
            out.println("</script>");
            return null;
        }
        else {
            errors.add("invalidPwd",new ActionMessage("error.pwd.invalid"));
            saveErrors(request,errors);
            return mapping.getInputForward();
        }  
    }
}
[/code]
id와 pwd를 받고, CheckPwd를 통해서 비밀번호를 체크후에 맞으면 dao의 Delete메소드를 수행한뒤 자바스크립트로 삭제되었다는 메시지를 띄운뒤 list.do로 이동합니다.
비밀번호가 틀리면 에러메시지를 추가해서 input으로 포워드합니다.

자 이제 끝났습니다.
혼자서 삽질한 느낌이 드는군요.
단 한분이라도 도움이 되었으면 좋겠습니다.

 
Posted by 머드초보
,
 


글 수정하는 부분이 가장 구현하기 힘들었던 것 같습니다-_-;

구조는 수정버튼을 클릭했을 때에 id를 리턴받습니다. 그다음에 비밀번호를 입력받는 페이지로 이동합니다. 그 비밀번호를 입력해서 그 해당글의 비밀번호와 일치한지를 확인합니다.
일치하게 되면 수정하는 폼으로 이동합니다. 그 후 수정해서 글수정을 클릭하면 modifyAction을 통해 글을 수정하는 식으로 구현했습니다.


우선 글수정을 클릭했을 때 modifyConfirm.do를 실행합니다. 이것은 단순히 modifyConfirm.jsp를 실행합니다.
modifyConfirm.jsp를 보도록 합시다.

modifyConfirm.jsp
[code]
<html:form action="modifyForm" method="POST" focus="pwd">
<table border="1" width="250">
    <tr bgcolor="#7eaee9">
        <td>게시물의 비밀번호를 입력하세요.</td>
    </tr>
    <tr>
        <td>
        <html:password property="pwd"/>
        <html:hidden property="id" value="<%= request.getParameter("id") %>"/>
        <html:submit value="확인"/>
        </td>
    </tr>
    <tr>
    <td>
    <html:messages id="msg" property="invalidPwd">
        <bean:write name="msg"/>
    </html:messages>
    </td>
    </tr>
</table>
[/code]
여기서 볼 것은 id값도 넘겨줘야하기 때문에 hidden으로 id값을 처리해서 넘겨줍니다.
저기서도 value값을 그냥 id로 쓰면 안되더라구요. 그래서 getParameter메소드를 통해 넘겨줬습니다.
html:messages태그는 비밀번호가 틀리면 보여지게 되어있습니다.
여기서 확인버튼을 클릭하게 되면 modifyForm.do를 실행하게 됩니다.
modifyForm의 액션을 살펴봅시다.

struts-config.xml
[code]
<action path="/modifyForm"
                type="simpleboard.actions.modifyformAction"
                name="DynaForm"
                scope="request"
                input="/modifyConfirm.jsp">
            <forward name="success" path="/modifyForm.jsp"/>
 </action>
[/code]
modifyformAction을 수행하고 input으로 포워드하면 다시 modifyConfirm.jsp를 수행합니다.
성공으로 매핑하게 되면 modifyForm.jsp 즉 수정창으로 가는 겁니다.

modifyformAction클래스를 보도록 합시다.

modifyformAction.java
[code]
public class modifyformAction extends Action {

    public ActionForward execute(   ActionMapping mapping,
                                    ActionForm form,
                                    HttpServletRequest request,
                                    HttpServletResponse response) throws Exception{
       
        DynaActionForm modifyconfirmForm = (DynaActionForm)form;
        ActionMessages errors = new ActionMessages();
        Board board = new Board();
        BoardDAO dao = new BoardDAO();
        HttpSession session = request.getSession();
       
        int id = (Integer)modifyconfirmForm.get("id");
        String pwd = (String)modifyconfirmForm.get("pwd");
       
        if (dao.CheckPwd(id, pwd)) {
            board = dao.findBoard(id);
            session.setAttribute("board", board);
            return mapping.findForward("success");
        }
        else {
            errors.add("invalidPwd",new ActionMessage("error.pwd.invalid"));
            saveErrors(request,errors);
            return mapping.getInputForward();
        }
    }
}
[/code]
form에 있는 내용을 받아서 우선 dao의 CheckPwd를 이용해서 체크해서 비밀번호가 맞으면 현재보드내용을 찾아서 session에 저장 후 success로 포워드합니다.
비밀번호가 틀린경우에는 메시지를 추가해서 Input으로 포워드합니다.

성공했을 경우 modifyForm.jsp로 갑니다. 살펴봅시다.

modifyForm.jsp
[code]
<bean:define id="id" name="board" property="id" type="java.lang.Integer"/>
<bean:define id="name" name="board" property="name" type="java.lang.String"/>
<bean:define id="pwd" name="board" property="pwd" type="java.lang.String"/>
<bean:define id="title" name="board" property="title" type="java.lang.String"/>
<bean:define id="content" name="board" property="content" type="java.lang.String"/>

<html:form action="modify" method="POST" focus="name">
<html:hidden property="id" value="<%= id.toString() %>"/>
<table width="500" border="1">
    <tr>
        <td width="100" bgcolor="#7eaee9">등 록 자</td>
        <td width="180" align="left">&nbsp;
        <html:text property="name" size="10"
                    maxlength="10" value="<%= name %>"/>
        </td>
        <td width="100" bgcolor="#7eaee9">비밀번호</td>
        <td width="120" align="left">&nbsp;
        <html:password property="pwd" size="10"
                        maxlength="10" value="<%= pwd %>"/>
        </td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">제 목</td>
        <td colspan="4" align="left">&nbsp;
        <html:text property="title" size="30"
                    maxlength="30" value="<%= title %>"/>
        </td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">내 용</td>
        <td colspan="4" align="left">&nbsp;
        <html:textarea property="content"
                        cols="53" rows="10" value="<%= content %>"/>
        </td>
    </tr>
    <tr>
        <td colspan="4"><font color="red"><b>
            <html:messages id="msg" property="requiredName">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredPwd">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredTitle">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredContent">
                <bean:write name="msg"/><br>
            </html:messages></b></font>
        </td>
    </tr>
    <tr>
        <td colspan="4"><html:submit value="내용수정"/></td>
    </tr>
</table>
</html:form>
[/code]
value에다가 값을 넣으려면 bean:define을 통해서 값을 정의해야합니다. 그 후에 jsp코드를 이용해서 value에 값을 넣어야지 값이 들어갑니다. 다른방법이 있을 것 같은데 이렇게 밖에 못하겠군요-_-;
form은 modify.do를 실행합니다. modifyAction을 실행합니다.
modifyAction은 writeAction과 거의 동일합니다. 그냥 글을 써서 등록하는 형식으로 하고 다른 점이 있다면 dao의 modify를 호출해서 update를 이용하고, insert는 insert sql문을 이용해서 합니다.

이렇게하면 수정하기가 끝이납니다.

오늘도 여기까지-_-;

 
Posted by 머드초보
,
 


이번에는 글쓰기 부분을 설명해보겠습니다.

글쓰기를 실행할 때에는 writeForm.do를 실행하게 됩니다. writeForm.jsp로 포워드합니다.
<action path="/writeForm" forward="/writeForm.jsp"/>







writeForm.jsp를 보도록 합시다.
writeForm.jsp
[code]
<table width="500" border="1">
    <tr>
        <td width="100" bgcolor="#7eaee9">등 록 자</td>
        <td width="180" align="left">&nbsp;
        <html:text property="name" size="10" maxlength="10"/></td>
        <td width="100" bgcolor="#7eaee9">비밀번호</td>
        <td width="120" align="left">&nbsp;
        <html:password property="pwd" size="10" maxlength="10"/></td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">제 목</td>
        <td colspan="4" align="left">&nbsp;
        <html:text property="title" size="30" maxlength="30"/></td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">내 용</td>
        <td colspan="4" align="left">&nbsp;
        <html:textarea property="content" cols="53" rows="10"/></td>
    </tr>
    <tr>
        <td colspan="4"><font color="red"><b>
            <html:messages id="msg" property="requiredName">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredPwd">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredTitle">
                <bean:write name="msg"/><br>
            </html:messages>
            <html:messages id="msg" property="requiredContent">
                <bean:write name="msg"/><br>
            </html:messages></b></font>
        </td>
    </tr>
    <tr>
        <td colspan="4"><html:submit value="글쓰기"/></td>
    </tr>
</table>
[/code]
html:form은 그냥 html태그에 있는 것과 거의 비슷한 역할을 합니다.
마지막 부분에 html:messages는 메시지중에 property값과 같은 메세지가 있으면 출력하라는 뜻입니다.
form의 action은 write.do를 수행하게 됩니다.
[code]
<action path="/write"
    type="simpleboard.actions.writeAction"
    name="DynaForm"
    scope="request"
    validate="true"
    input="/writeForm.jsp">
</action>
[/code]
write.do를 수행하면 writeAction클래스를 수행하고 만약 mapping.getInputForward();을 리턴받게 되면 writeForm.jsp를 다시 수행하라는 뜻입니다. 여기서 저 메시지를 리턴받게 되는 경우는 이름, 제목, 내용, 비번을 쓰지 않은 경우가 됩니다.

writeAction을 보도록 합시다.

writeAction.java
[code]
public class writeAction extends Action {

    public ActionForward execute(   ActionMapping mapping,
            ActionForm form,
            HttpServletRequest request,
            HttpServletResponse response) throws Exception{
       
        DynaActionForm writeForm = (DynaActionForm)form;
        ActionMessages errors = new ActionMessages();
        Board board = new Board();
        BoardDAO dao = new BoardDAO();
        int errorCount = 0;
       
        board.setName((String)writeForm.get("name"));
        board.setPwd((String)writeForm.get("pwd"));
        board.setTitle((String)writeForm.get("title"));
        board.setContent((String)writeForm.get("content"));
       
        if (board.getName().equals("")){
            errors.add("requiredName",new ActionMessage("error.name.required"));
            errorCount++;
        }
       
        if (board.getPwd().equals("")){
            errors.add(
                "requiredPwd",new ActionMessage("error.pwd.required"));
            errorCount++;
        }
       
        if (board.getTitle().equals("")){
            errors.add(
                 "requiredTitle",new ActionMessage("error.title.required"));
            errorCount++;
        }
        if (board.getContent().equals("")){
            errors.add(
                 "requiredContent",new ActionMessage("error.content.required"));
            errorCount++;
        }
       
        if (errorCount > 0){
            saveErrors(request,errors);
            return mapping.getInputForward();
        }
        dao.Insert(board);
       
        response.setContentType("text/html; charset=euc-kr"); 
        PrintWriter out = response.getWriter(); 
        out.println("<script language='javascript'>"); 
        out.println("alert('글쓰기에 성공했습니다.');"); 
        out.println("location.href = \"list.do\";"); 
        out.println("</script>");  

        return null;
    }
}
[/code]
폼으로부터 값을 받고 값이 비었으면 에러메시지를 추가하여 에러메시지가 한개라도 있으면 다시 writeForm.jsp를 실행하도록 input으로 포워드합니다.
제대로 입력이 되었으면 dao의 Insert메소드를 실행해서 삽입후에 자바스크립트코드를 보여주기 위해서 out객체를 이용해서 확인창 하나띄운뒤 list.do로 가도록 합니다. 이 때 액션으로 이동하는것이 아니라 자바스크립트 코드로 이동하도록 했습니다.
out객체를 이용해서 자바스크립트코드를 적었는데 return을 forward값으로 리턴해버리면 자바스크립트가 그냥 씹혀버립니다-_-;(이유는 모르겠습니다-_-;)

오늘도 여기까지-_-;

 
Posted by 머드초보
,
 

이번에는 show, 글을 클릭했을 때에 글을 보여주는 부분을 설명하겠습니다.

우선 list.do를 실행하게 되면 글목록이 나오는데 여기서 글을 클릭하는 링크는 "show.do?id=숫자" 입니다.
해당 글의 id를 요청하게 됩니다.

show의 액션매핑의 액션을 보도록합시다.
<action path="/show"
    type="simpleboard.actions.showAction"
    scope="request">
   <forward name="success" path="/show.jsp"/>
  </action>

showAction클래스를 실행하게 됩니다.
showAction클래스를 보도록 합시다.

showAction.java
[code]
package simpleboard.actions;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import simpleboard.model.Board;
import simpleboard.model.BoardDAO;

public class showAction extends Action{
    public ActionForward execute(   ActionMapping mapping,
            ActionForm form,
            HttpServletRequest request,
            HttpServletResponse response) throws Exception{
       
        BoardDAO dao = new BoardDAO();
        Board board = new Board();
        HttpSession session = request.getSession();
       
        int id = Integer.parseInt(request.getParameter("id"));
        board = dao.findBoard(id);
        board.setContent(dao.convertHtmlBr(board.getContent()));
       
        session.setAttribute("board", board);
       
        return mapping.findForward("success");
    }
}
[/code]
id를 파라메터로 받고 그것을 dao에 있는 findBoard메소드에 넘겨줍니다. 이 메소드는 해당 id에 있는 글, 제목 등을 리턴시켜줍니다.

그리고 중요한 것이 converHtmlBr이라는 메소드를 실행하게 되는데 이것은 content에 있는 내용에 "\n"을 모두 <br>로 바꿔주는 메소드입니다. 이것을 안해주면 html에서는 \n을 인식못하므로 <br>로 바꿔줘야합니다.

바꾼다음에 현재글을 세션에 저장합니다.

이제 show.jsp소스코드를 보도록 합시다.

show.jsp
[code]
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ taglib uri="/WEB-INF/tlds/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld"  prefix="bean" %>
<!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=EUC-KR">
<title>심플보드에 오신 것을 환영합니다</title>
</head>
<body>
<center>
<table border="1" width="500" height="50">
    <tr>
        <td align="center" bgcolor="dddddd">
        간단한 게시판 (Simple Board)
        </td>
    </tr>
</table>
<table width="500" border="1">
    <tr>
        <td width="100" bgcolor="#7eaee9">등록자</td>
        <td width="400" align="left">
        <bean:write name="board" property="name"/>
        </td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">제 목</td>
        <td align="left">
        <bean:write name="board" property="title"/>
        </td>
    </tr>
    <tr>
        <td bgcolor="#7eaee9">내용</td>
        <td align="left">
        <bean:define id="content" name="board" property="content"/>
        <%= content %>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="right">
        <html:link page="/modifyConfirm.do" paramId="id"
                        paramName="board" paramProperty="id">
        수정</html:link>
        <html:link page="/deleteForm.do" paramId="id"
                        paramName="board" paramProperty="id">
        삭제</html:link> 
        <html:link page="/list.do">목록보기</html:link></td>
    </tr>
</table>
<table border="1" width="500" height="28">
    <tr>
        <td align="center" bgcolor="dddddd">
        제작자 : 성종천(mudchobo@nate.com)
        </td>
    </tr>
</table>
</center>
</body>
</html>
[/code]
여기서 board에 있는 값을 bean:write태그를 통해서 출력을 합니다.
중간쯤 보면 <bean:define id="content" name="board" property="content"/><%= content %>
content부분은 define으로 정의를 해서 jsp코드를 사용합니다. 이것은 왜그런지는 잘 모르겠지만 그냥 bean:write해버리면 <br>이 그냥 나타나버립니다-_-;
그래서 저렇게 정의를 한 뒤 jsp코드로 사용해야 합니다.

그리고 수정이나 링크부분은 param으로 id번호를 넘겨줘서 링크를 시킵니다.

오늘은 여기까지!-_-;

 
Posted by 머드초보
,