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

테스트환경은 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로 삽질하시는 분들께 도움이 되고자-_-;

FlexBoard.war

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

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

ClientFlexBoard.zip

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 머드초보

댓글을 달아 주세요

  1. 나그네 2007.11.19 17:24 신고  댓글주소  수정/삭제  댓글쓰기

    iBatis 에서 자바빈을 통한 데이터전달 말고

    예를 들어 select 같은 경우에는 결과값을 바로

    ResultSet으로 받아올 수는 없을까요?

    Update 나 Insert 나 Delete 같은 경우는 그럼

    자바빈 없이 할려면

    필요값들을 어떻게 xml에 전달을 해야 될까요?


    답변 부탁드립니다. 예제가 있다면 더욱 감사하구요.

    koogoon@naver.com

    • BlogIcon 머드초보 2007.11.20 21:20 신고  댓글주소  수정/삭제

      음....ResultSet으로 받으려는 이유가 궁금하네요 ^^
      친구한테 물어보니까 ResultClass를 java.util.Map으로 하면 받을 수 있다고 하네요.
      Map에서 get어쩌구 함수를 사용할 수 있다고 하네요
      저도 안해봐서 잘모르겠네요 ^^

  2. 초보 2008.01.17 00:53 신고  댓글주소  수정/삭제  댓글쓰기

    금방 예제http://mudchobo.tomeii.com/FlexBoard/에서 글쓰기가 안되네요...?

    faultCode:Server.Error.Request faultString:'HTTP request error' faultDetail:'Error: [IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2032: 流错误。 URL: http://mudchobo.tomeii.com/FlexBoard/write.do"]. URL: http://mudchobo.tomeii.com/FlexBoard/write.do'

    위와 같은 에러가 나옴니다.

    그리고 지금은 개발언어로 JAVA를 메인으로 하지만,
    곧 Flash가 JAVA자리를 차지한다는 소문이 있는데요.
    머드초보님은 이방면에서 어덯게 생각하는지요...
    Struts 이후는 어덯게 될는지....의견듣고 싶네요.

    • BlogIcon 머드초보 2008.01.17 09:03 신고  댓글주소  수정/삭제

      방금고쳤어요-_-; 아....제가 삽질하다가 DB를 날려먹어서 DB구조가 바뀌었네요^^
      이제 될껍니다.

      음 adobe가 java대신에 Action Script를 더욱 향상 시켜서 자바를 대처할 모양인가보네요.
      뭔가 가능할 것 같은데요 ^^

      Struts는 글쎄요. 제가 java로 현업을 뛰는게아니라서-_-;
      앞으로 더 좋은 프레임워크가 나오면서 Struts는 사라질 듯 해요.
      이미 많은 업체들이 Spring이라는 프레임워크로 옮긴 것처럼요 ^^

      결론은....끊임없는 공부입니다 ㅠㅠ

      좋은 의견 감사합니다 ^^

  3. BlogIcon 류승범 2008.01.23 02:07 신고  댓글주소  수정/삭제  댓글쓰기

    우연히 들리게 되었습니다.

    Struts는 View Control이라할 수 있고 Spring은 Business Logic단이라고 알고 있습니다.
    여기다가 Hibernate를 추가하면 DB에 독립적으로 프로그램이 가능하고. Spring을 일본에서는 Caesar2 로 쓰이기도 합니다. Struts -> Spring으로 옮겨지는게 아니라, 다 같이 결합해서 쓰이게 되겠죠. Flex가 기능이 막강하긴 합니다만, 너무 무거워서 다소 하이브리드 형태로 JSF나 Applet, Component형태로 쓰일꺼 같은 생각이 듭니다.

    다소 개인적인 의견을 말씀드렸네요. 그럼 수고하세요.

  4. 석창호 2008.07.31 12:00 신고  댓글주소  수정/삭제  댓글쓰기

    잘보고 갑니다~
    이제막 struts + ibatis + flex
    공부시작하는데.. 많은 도움이 되었네요~ ㅎㅎ
    근데... 위에 승범이도 왔었네.. ㅋㅋ 은근히 반갑다는 ㅋ

    • 머드초보 2008.07.31 13:12 신고  댓글주소  수정/삭제

      앗! 안녕하세요!
      도움이 되셨다니 다행이네요.
      저거 제가 잘 모르던시절에 짠거라-_-;
      암튼 방문해주셔서 감사해요~

  5. 박영민 2008.09.26 17:15 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요..플렉스를 막 시작한 초보입니다.
    소스를 임포트하여
    톰캣, mysql 환경에서 게시판을 돌렸는데

    org.apache.commons.dbcp.SQLNestedException: Cannot create PoolableConnectionFactory (Communications link failure

    이런 메세지가 뜨네요...해결 방법을 알수 있을까요?

    • 머드초보 2008.09.26 18:20 신고  댓글주소  수정/삭제

      안녕하세요~
      그건 저도 잘모르겠네요 ㅠ
      검색해보니 MySQL연결이 끊어졌다라고만 얘기가 나옵니다만-_-;
      MySQL의 설정을 조금 바꿔보세요 ^^
      dbms는 저도 잘몰라서 ㅠ

  6. 박영민 2008.10.07 12:02 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세여....^^ 올려주신 소스 감사합니다.

    소스를 임포트하여 톰캣, mysql 환경에서 게시판을 돌렸는데

    list.do에서 디비에서 갖고온 데이터를 xml로 변환을 못한 듯 합니다.

    http://localhost:8080/FlexBoard/list.do 이렇게 페이지를 열러보면

    <?xml version="1.0" encoding="UTF-8" ?>
    - <result_set>
    <pagenum>${pagenum}</pagenum>
    <totalpage>${totalpage}</totalpage>
    - <record>
    <id>${list.id}</id>
    <name>${list.name}</name>
    <title>${list.title}</title>
    <content>${list.content}</content>
    </record>
    </result_set>

    이런식으로 나오고 맙니다...

    http://localhost:8080/FlexBoard/ClientFlexBoard.swf를 보면

    게시판의 번호,이름,제목란에 데이터 대신 ${list.id}, ${list.title},${list.content} 으로 나옵니다.

    물론 디버깅해서 데이타를 갖고 오는건 확인했습니다만..list.do에서 데이터를 볼 수가 없네여. write는 되는것을 확인했구여.

    그리고 jstl태그 라이브러리도 확인해봤구여.....

    왜 그런건지 알수 있을까여?^^

    • 머드초보 2008.10.07 13:43 신고  댓글주소  수정/삭제

      ${}이것은 el표기법이라고 해서 jsp에서 사용하는 문법입니다.
      근데 8080인것으로 봐서 톰캣으로 돌리신게 맞는것같은데-_-;
      왜 안되죠?-_-;
      저 코드가 왜 그냥 나오지-_-; 저...저도 잘모르겠네요-_-;
      환경을 직접 봐야지 알 것 같아요 ^^

  7. 공대아름 2008.12.03 17:27 신고  댓글주소  수정/삭제  댓글쓰기

    올려주신 자료 감사하게 보고 있습니다.^^*
    근데 저도 위에 님하고 같은 현상이 일어나네요...
    <?xml version="1.0" encoding="UTF-8" ?>
    - <result_set>
    <pagenum>${pagenum}</pagenum>
    <totalpage>${totalpage}</totalpage>
    - <record>
    <id>${list.id}</id>
    <name>${list.name}</name>
    <title>${list.title}</title>
    <content>${list.content}</content>
    </record>
    </result_set>

    게시판의 번호,이름,제목란에 데이터 대신 ${list.id}, ${list.title},${list.content} 으로 나옵니다.
    이유가 뭘까요??? 오늘도 삽질에 삽질입니다...ㅜㅜ

    • 머드초보 2008.12.04 18:39 신고  댓글주소  수정/삭제

      음......이상하네요.
      톰캣에서 돌리시는 거 맞죠?
      저도 왜그런지 모르겠네요 ㅠㅠ
      저건 톰캣에서 제공하는 걸로 알고있는데 ㅠ

  8. 장건웅 2009.04.20 16:43 신고  댓글주소  수정/삭제  댓글쓰기

    요즘 플렉스에 관심이 생겨 이것저것 검색하다가 머드초보님 블로그까지 오게 되었습니다.
    여러가지 많이 배우고 가네요~ 자료 정말 감사드립니다.
    위에 분들 el태그가 그대로 출력되는 현상 해결하셨을지 모르지만 일단 해결책을 올려드리려구요.
    <%@ page isELIgnored="false" contentType="text/xml; charset=UTF-8" %>
    isElIgnored="false"를 추가해 주시면 el태그를 사용하실 수 있으실 겁니다.

    • 머드초보 2009.04.23 23:49 신고  댓글주소  수정/삭제

      앗! 답변 달아주셔서 감사합니다 ㅠ
      윗분 4달전에 올리신 질문을 ㅠ
      감사합니다 ^^

  9. BlogIcon 쟝또루푸 2009.04.27 17:22 신고  댓글주소  수정/삭제  댓글쓰기

    웹개발에 뛰어든지 4개월째 근무하는 곳에서 기획중인 웹서비스에 주 View단이 플렉스로 정해져 공부를 시작한 나그네 입니다..^ㅡ^... 다른 무엇 보다 머드초보님께서 정리해서 올려주신 게시판 소스가 너무 큰 도움이 되는 듯 합니다 ㅠ_ㅠ... 아직 버닝을 시작하진 않았지만 듬직하네요'ㅡ'/ 멋져요^0^/

    • 머드초보 2009.04.27 23:57 신고  댓글주소  수정/삭제

      아.....안녕하세요~
      저 허접한 소스를...-_-
      벌써 1년도 더 된....ㅠㅠ
      그냥 참조만 해주세요 ㅠ
      방문해주셔서 감사해요~ ^^

  10. 이관형 2010.03.29 14:54 신고  댓글주소  수정/삭제  댓글쓰기

    FLEX관련 자료를 찾다가 들르게됐네여~
    자료 감사합니다~
    게시판돌려봤는데여~도무지 FLEX의 데이터를 다룰방법을 모르겠었는데
    많은 도움이되네요~
    좋은자료 감사합니다~^^
    글와중에
    <?xml version="1.0" encoding="UTF-8" ?>
    - <result_set>
    <pagenum>${pagenum}</pagenum>
    <totalpage>${totalpage}</totalpage>
    - <record>
    <id>${list.id}</id>
    <name>${list.name}</name>
    <title>${list.title}</title>
    <content>${list.content}</content>
    </record>
    </result_set>
    라고나오신분들은 Table에 데이타가 없을경우 나네요~
    데이타를 집어넣어주면 에러는 발생하지 않습니다~

    암튼 좋은 자료 감사해요~

 

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

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






글삭제를 누르면 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 머드초보

댓글을 달아 주세요

  1. 초보 2008.04.10 19:05 신고  댓글주소  수정/삭제  댓글쓰기

    머드초보님홈피에서 소스코드의 표시효과에 관하여 질문드립니다.
    어덯게 하면 홈페지에 EDIT Tools처럼 번호달린 소스표시가 되는지요.

    그럼 잘 부탁드립니다.

    • 머드초보 2008.04.11 08:29 신고  댓글주소  수정/삭제

      아네 안녕하세요 ^^
      텍스트큐브 플러그인인데요 ^^
      코드하이라이트라는 플러그인을 설치하시면 돼요 ^^
      http://gendoh.tistory.com/2510954

  2. 초보 2008.04.11 16:49 신고  댓글주소  수정/삭제  댓글쓰기

    답변 감사합니다. ^^

  3. 유리망치 2009.04.02 16:17 신고  댓글주소  수정/삭제  댓글쓰기

    플렉스가 아직 먼지도 모르는 초보입니다.
    참고 많이 할게요
    퍼가여

 


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

구조는 수정버튼을 클릭했을 때에 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 머드초보

댓글을 달아 주세요

  1. 김성운 2008.02.01 14:20 신고  댓글주소  수정/삭제  댓글쓰기

    return을 forward값으로 리턴 하면 자바스크립트가 안먹히는 이유가요..

    out.flush(); <-- 이부분이 없어서 그런거 같아요..

    직접적으로 HTML에 자바스크립트를 쓰는 부분이 없어서.

    다른분들이 보시고 참고 하셨으면 하네욤 ㅋ

  2. 지멋대루 2008.02.12 18:26 신고  댓글주소  수정/삭제  댓글쓰기

    와우!!!!!!!!!!!!!!!!!!

    엉뚱한키워드로 들어오게됬는데 제가 원하던게 딱!!!있군요~ 오호!!

    감사히 봤습니다^^

 

이번에는 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 머드초보

댓글을 달아 주세요