[ Tomcat Project ]     

    

☞ 1 단계 : jdk, jre 설치
  .
☞ 2 단계 : Tomcat 설치
  .
☞ 3 단계 : Eclipse 설치
   
☞ 4 단계 : Eclipse용 Tomcat Plugin 설치
 

  - URL : http://www.eclipsetotale.com/tomcatPlugin.html
  - File  : tomcatPluginV321.zip
  - 압축을 푼 후
     eclipse\plugins   이곳에 붙여 넣는다.

  1. 파일 down
     

    


  2. 압축을 푼 후 Eclipse\plugins 폴더에 붙여 넣는다.
     

    


   

☞ 5 단계 : Eclipse에서 Tomcat Plugin 설치 확인
    - Eclipse를 실행하면
    메뉴에 : [Tomcat] 이 보이고,  Toolbar에 Tomcat icon 3개가 보이면 성공이다.
   

    

 

☞ 6 단계 : Eclipse에서 Tomcat 환경설정

 

   - Eclipse 메뉴 : windows -> Preferences
     1. Tomcat Version : Check
     2. Tomcat home    : 설치된 Tomcat home 폴더 지정
     3. Context file   : Tomcat Context server.xml 파일 지정
    

    

 

☞ 7 단계 : Eclipse에서 Tomcat Project 생성
 

  1. 메뉴 : File -> New -> Project
     

    



  2. Project Name 설정
     - Project name : Eclipse 화면에서 관리되는 Project Name
                      차후 완료 하면 Eclipse 왼쪽 Project Explorer에  나오는 이름
     - Location     : 이 Project가 저장될 폴더 위치
                      Project 이름과 폴더 이름은 같아도 되고  달라도 된다.
     

    



 3. Context 및 web root 설정
     - Context name : web Context name
                      즉, 차후  Explorer에서   [ http://localhost:8080/
pool/ ] 이 pool을 의미한다.
     - web root     : 웹파일 즉, jsp파일이 위치할 폴더를 지정한다.
                      /WebContent를 하면 실재로  탐색기를 보면  [\pool\WebContent]  폴더가 생긴다.
     

    

 
  4. 완료시 화면
     ⊙ 폴더구조
        1. JRE System Library     : java Compile 시 필요한 jdk, jre의 jar가 위치한다.
        2. Referenced Libraries   : java Compile 시 필요한 Tomcat의 jar가 위치한다.

        3. WebContext/WEB-INF/src :
        4. work : jsp 파일이 deploy(compile) 될 때 생성되는 폴더 (즉, jsp파일이 컴파일되면 class, java파일이 생긴다.)
        5. bin  :
        6. src  : java source파일이 위치할 폴더
        7. WebContent : jsp파일이 위치할 폴더
            - WEB-INF : j
               - lib  : jsp파일이 컴파일 될 때 사용될 library(jar) 들을 위치시킨다. 
      

    


      
      

    


       

☞ 8 단계 : Tomcat용 web.xml 파일 복사
 

  - 원본 : \Tomcat 5.5\conf\web.xml
  - 복사 : \pool\WebContent\WEB-INF\web.xml
  - 수정 : 
           

    

  

☞ 9 단계 : Tomcat 설치 정상여부 최종 확인
     - Eclipse에서 Tomcat을 실행해서 오류 없으면 OK
     1. Tomcat을 Start 시킨 후
     2. Console 창에 : 오류 없이 [Server startup in 578 ms] 이 뜨면 정상
    

    

 

☞ 10 단계 : jsp파일 하나 생성
    1. Eclipse 의 Project Explorer에서
  2. Pool\WebContent  를 선택 후 오른쪽 버튼
  3. New -> Others
     

    

 


    

    

 

 
  
     

    

 



  4. first.jsp 파일 수정
     <body> tag 안에 내용을 추가 한다.
     

    

 


☞ 11 단계 : Explorer에서 확인
 

  - http://localhost:8080/pool/first.jsp 로 확인
   - pool 이란 : Context name
   - first.jsp : jsp 이름
     참고 : 실재 first.jsp 파일은 [ pool/WebContent/WEB-INF/first.jsp ] 에 있다.
           혹시, 이것 때문에  URL을  http://localhost:8080/pool/WEB-INF/first.jsp 라고 생각 할 수 있는데
           모든 WAS(여기는 Tomcat)에서 파일 path가 들어면 기본으로  WEB-INF 폴더 및을 탐색하기 때문에 상관없다. 
     

    

 

☞ 12 단계 :
   
 

농부공부방 ->  http://www.keiis.co.kr/study



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.

Posted by 농부지기
,

               MiPlatform 9. javaScript 추가하기

1. 정의 : 필요한 Component에서 작동할 수 있도록 javaScript를 추가한다.

** javaScript : 아래 Event에서 필요한 JavaScript를 추가한다.
   중요점 : 반드시 해당 Component가서 Event를 찾아 마우스로 Double Click 후 아래 javaScript를 붙여
            넣는다.  그래야 Event가 발생시 javaScript가 실행되기 때문디ㅏ.


2. For ID    : PoolLogin
   Component : Login 버튼
   Event     : OnClick
   javaScript

function bt_Login_OnClick(obj)
{
            InitSession(true); // Session연결
            Close(); // 창 닫기
}


3. For ID    : EnvMenuTop

/****************************************************************************************************
  화면명(ID) : 상단 메뉴(EnvMenuTop)
  작성자     : 김용학
  업무개요   : 상단frame에 속해 있는 메뉴관련 Event 목록 기술
  작성일     : 2009.04.13
****************************************************************************************************/

/*===================================================================================================
  업무전체 flow 주석
===================================================================================================*/

/*===================================================================================================
  설명  : 상단메뉴바를 클릭 시 해당 화면 OPEN 시키는 Event
  ARG   : obj    -  Event가 발생한 Component
          strID  - Click한 Menu의 ID값의 문자열
                   Menu의 MenuID는 AddItem Method로 추가된 Menu의 ID 값이거나,
                   MenuDataSet Property로 지정된 DataSet 내의 IDCol Property로 지정된 Column의 값.
  RTN   : none
===================================================================================================*/

function mb_TopMenu_OnMenuClick(obj, strID)
{
    if(length(trim(strID))!=0)
    {
        if( strID == "exit" )
            Exit_App();
        else
        {
            var n_Row          = gds_Menu.findRow("MENU_ID", strID);
            var s_MENU_ID      = gds_Menu.getcolumn(n_Row, "MENU_ID");
            var s_USER_MENU_NM = gds_Menu.getcolumn(n_Row, "USER_MENU_NM");
            var s_TAB_MENU_NM  = gds_Menu.getcolumn(n_Row, "TAB_MENU_NM");
            var s_APP_ID       = gds_Menu.getcolumn(n_Row, "APP_ID");
            var s_SCR_ID       = gds_Menu.getcolumn(n_Row, "SCR_ID");
            
            gf_OpenMenuUrl(s_MENU_ID, s_USER_MENU_NM, s_TAB_MENU_NM, s_APP_ID, s_SCR_ID);
        }
    }
}

/*===================================================================================================
  설명  : Top Frame의 XML이 OnLoadComplated될때 발생되는 Event
===================================================================================================*/
function EnvMenuTop_OnLoadCompleted(obj)
{
    tb_OpenMenu.DeleteTab(0);
}

/*===================================================================================================
  설명  : 사용자가 열려져 있는 상단 Tab을 클릭 시 -> 해당 Tab에 해당 하는 Form을 활성화시킨다.
===================================================================================================*/
function tb_OpenMenu_OnChanged(obj,nOldIndex,nNewindex)
{
    gf_OpenMenuFormSearch(nNewIndex);
}



4. 위치 : Project Explorer -> Global Tab -> script ->에서 마우스로 Double click
   아래 javaScript를 추가한다.

/****************************************************************************************************
  화면명(ID) : Global용 javaScript
  작성자     : 김용학
  업무개요   : 모든 화면에서 공통으로 사용할 수 있는 시스템관련 javaScript
               StartXML.xml에 저장 된다.
  작성일     : 2009.04.13
****************************************************************************************************/
#include "RrEnv_js::jsCommFunc.js";
 
/*===================================================================================================
  * Menu관련 function
  1. 업무화면을 OPEN시키기 위한 MAIN function
  2. 상단 tabPage에 OPEN할 화면을 추가한다.
  3. Main Frame에 클릭한 메뉴를 MDI로 Open시킨다.
  4. 화면 form 이 Close 되었기 때문에 해당 Tab을 제거 한다.
  5. 활성화된 화면에 대한 Tab을 선택한다.
  6. 사용자가 열려져 있는 상단 Tab을 클릭 시 -> 해당 Tab에 해당 하는 Form을 활성화시킨다.
===================================================================================================*/

/*===================================================================================================
  설명  : 업무화면을 OPEN시키기 위한 MAIN function
  ARG   : MENU_ID      - 메뉴PK
          USER_MENU_NM - 사용자메뉴명
          TAB_MENU_NM  - 상단 Tab Page에 보여줄 메뉴명
          APP_ID       - Application Group ID
          SCR_ID       - 화면 XML ID
===================================================================================================*/
function gf_OpenMenuUrl(as_MENU_ID, as_USER_MENU_NM, as_TAB_MENU_NM, as_APP_ID, as_SCR_ID)
{
    //상단 tabPage에 OPEN할 화면을 추가한다.
    gf_OpenMenuTopTabAdd(as_MENU_ID, as_USER_MENU_NM, as_TAB_MENU_NM, as_APP_ID, as_SCR_ID);
    
    //화면을 Open한다.
    gf_OpenMenuChildWindow(as_MENU_ID, as_USER_MENU_NM, as_TAB_MENU_NM, as_APP_ID, as_SCR_ID);
}
 
/*===================================================================================================
  설명  : 1. 상단 tabPage에 OPEN할 화면을 추가한다.
          2. 어떤 화면이 OPEN되어 있는지  gds_OpenMenu 에 추가한다.
          3. 만약, 기 OPEN되어 있다면 해당 화면을 Enable 시킨다.
  ARG   : 상동
===================================================================================================*/
function gf_OpenMenuTopTabAdd(as_MENU_ID, as_USER_MENU_NM, as_TAB_MENU_NM, as_APP_ID, as_SCR_ID)
{
    if (cf_IsNull(as_APP_ID) || cf_IsNull(as_SCR_ID)) return;
 
    //글자양옆에 공백을 둔다. tap의 제목부분이 좁아지게 보이지 않게
    var s_Title = as_TAB_MENU_NM;
    
    var n_Row;
    
    n_Row = gds_OpenMenu.FindRow("SCR_ID", as_SCR_ID);
 

    //해당 화면이 기 OPEN되어 있을 경우
    if( n_Row >= 0 )
    {
        // 현재 위치 설정
        Global.Doc_Menu_Top.tb_OpenMenu.Tabindex = n_Row;
    }
    //해당화면을 OPEN해야 되는 경우
    else
    {
        var LstIdx  = gds_OpenMenu.GetColumn(gds_OpenMenu.rowcount - 1, "SNO");
        var n_idCnt = ToNumber(LstIdx) + 1;
 
        n_Row = gds_OpenMenu.AddRow();
 
        gds_OpenMenu.SetColumn(n_Row,"MENU_ID"     , as_MENU_ID);
        gds_OpenMenu.SetColumn(n_Row,"USER_MENU_NM", as_USER_MENU_NM);
        gds_OpenMenu.SetColumn(n_Row,"TAB_MENU_NM" , as_TAB_MENU_NM);
        gds_OpenMenu.SetColumn(n_Row,"APP_ID"      , as_APP_ID);
        gds_OpenMenu.SetColumn(n_Row,"SCR_ID"      , as_SCR_ID);
        gds_OpenMenu.SetColumn(n_Row,"SNO"         , n_idCnt);
 
        //top에 이번에 Open한 Form Name으로 tab 추가
        var strID   = "tab" + n_idCnt;
        var nIdx    = n_Row;
        var s_Image = "btn_Tab_TopOpenPage";

        Global.Doc_Menu_Top.tb_OpenMenu.InsertTab(as_SCR_ID, nIdx, "", s_Title, s_Image);
        // 현재 위치 설정
        Global.Doc_Menu_Top.tb_OpenMenu.Tabindex = n_Row;
    }
}
 
/*===================================================================================================
  설명  : Main Frame에 클릭한 메뉴를 MDI로 Open시킨다.
          실제 Open은 MainWorkForm.xml의 OnLoadCompleted Event에서 처리한다.
  ARG   : 상동
===================================================================================================*/
function gf_OpenMenuChildWindow(as_MENU_ID, as_USER_MENU_NM, as_TAB_MENU_NM, as_APP_ID, as_SCR_ID)
{
    if (cf_IsNull(as_APP_ID) || cf_IsNull(as_SCR_ID)) return;

    var s_Arg = "";
    s_Arg  = "as_APP_ID="         + quote(as_APP_ID);
    s_Arg += " as_SCR_ID="        + quote(as_SCR_ID);
    s_Arg += " as_USER_MENU_NM="  + quote(as_USER_MENU_NM);
    s_Arg += " as_TAB_MENU_NM="   + quote(as_TAB_MENU_NM);
    s_Arg += " as_MENU_ID="       + quote(as_MENU_ID);
 
    // 폼 Open ..
    NewWindow(as_SCR_ID, "RrEnv::MainWorkForm.xml", s_Arg, 2000,2000, "OpenStyle=Max, Instance=Single, Title=False, Status=False, CloseFlag=False, Resize=False", 0, 0);

}

/*===================================================================================================
  설명  : 화면 form 이 Close 되었기 때문에 해당 Tab을 제거 한다.
  ARG   : s_MENU_ID - 메뉴관리Table PK
  ARG   : 상동
===================================================================================================*/
function gf_OpenMenuDel(as_SCR_ID)
{
    var n_Row;
    
    n_Row = gds_OpenMenu.FindRow("SCR_ID", as_SCR_ID);

    if( n_Row >= 0 )
    {
        gds_OpenMenu.DeleteRow(n_Row);
        Global.Doc_Menu_Top.tb_OpenMenu.TabIndex = n_Row;
        Global.Doc_Menu_Top.tb_OpenMenu.DeleteTab(n_Row);
    }
}

/*===================================================================================================
  설명  : 활성화된 화면에 대한 Tab을 선택한다.
  ARG   : s_MENU_ID - 메뉴관리Table PK
===================================================================================================*/
function gf_OpenMenuFindTab(as_SCR_ID)
{
    var n_Row = gds_OpenMenu.FindRow("SCR_ID", as_SCR_ID);

    Global.Doc_Menu_Top.tb_OpenMenu.Tabindex = n_Row;

}

/*===================================================================================================
  설명  : 사용자가 열려져 있는 상단 Tab을 클릭 시 -> 해당 Tab에 해당 하는 Form을 활성화시킨다.
  ARG   : a_TabIndex - 사용자가 상단 Tab을 클릭 한 TabIndex 번호
===================================================================================================*/
function gf_OpenMenuFormSearch(an_TabIndex)
{
    var s_TAB_SCR_ID = gds_OpenMenu.GetColumn(an_TabIndex,"SCR_ID");

    for(var i = 0; i < gds_OpenMenu.rowcount; i++)
    {
        var w_Obj = AllWindows();
        for (var i = 0 ; i < w_Obj.count; i++ )
        {
            if(w_Obj[i].id == s_TAB_SCR_ID)
            {
                w_Obj[i].setFocus();
                break;
            }
        }
    }
}


5. For ID    : MainWorkForm
   javaScript

/****************************************************************************************************
  화면명(ID) : Main Work Frame
  작성자     : 김용학
  업무개요   : Work Frame에 Div에 작업할 화면을 연결시켜 Open한다.
  작성일     : 2009.04.14
****************************************************************************************************/
 
 
/*===================================================================================================
  설명  : 화면생성이 완료 될때 발생되는 Event
          화면을 DIV에 Link 시켜준다.
  ARG   : gfn_OpenMenuChildWindow function에서 호출시 넘겨 받은 arg
          as_APP_ID       : Application Group ID
          as_SCR_ID       : 화면 XML ID
          as_USER_MENU_NM : 화면명
          as_MENU_ID      : 메뉴관리TABLE PK
===================================================================================================*/
function MainWorkForm_OnLoadCompleted(obj)
{
    //Title Name Setting
    obj.Title = replace(as_USER_MENU_NM," ","") + "(" + replace(as_SCR_ID,".xml","") + ")"; // 타이틀 설정
    //Div에 작업화면 Link
    div_WorkForm.Url = as_APP_ID + "::" + as_SCR_ID;
}

/*===================================================================================================
  설명  : 화면이 종료될때 발생하는 Event
          이때 상단에 존재하는 Tab을 없애 준다.
===================================================================================================*/
function MainWorkForm_OnUnloadCompleted(obj)
{
    gf_OpenMenuDel(as_SCR_ID);
}

/*===================================================================================================
  설명  : 활성화된 화면에 대한 Tab을 선택한다.
===================================================================================================*/
function MainWorkForm_OnActivate(obj)
{
    gf_OpenMenuFindTab(as_SCR_ID);
}

/*===================================================================================================
  설명  : Sheet의 Ttitle Bar에서 최소화[_] 버튼을 눌었을 경우 작동하지 않게 한다.
===================================================================================================*/
function MainWorkForm_OnSysCommand(obj, strID)
{
    //if ((strID == "Restore") || (strID == "Minimize") || (strID == "Maximize")) return false;
    if (strID == "Minimize") return false;
}



6. 공통으로 사용할 javaScript 파일을 하나 만든다.
   - 메뉴 위치 : 메뉴 -> File -> New -> jScript
   - JsScript Name : jsCommFunc

/*===================================================================================================
  설명  : 넘겨받은 값이  null이거  space 이면 true를 return
  ARG   : a_Value - 문자 또는 숫자형 변수
  RTN   : true - null이거 space이면,    false - 값이 존재 하면
===================================================================================================*/
function cf_IsNull(a_Value) {
    //if (a_Value == undefined){
    //  return true;
    //}
 
    a_Value = a_Value + '';
    a_Value = a_Value.trim();
    
    if (a_Value == null || a_Value == "" || a_Value == 0) {
        return true;
    } else {
        return false;
    }
}


.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.


 

 

Posted by 농부지기
,

               MiPlatform 8. Menu Form 만들기

1. 정의 : 보통 웹으로 Application을 만들면  상단에 Drop Down 메뉴를 만들고, 왼쪽에 Tree로 메뉴를 만든다.
              상단, 왼쪽에 메뉴를 만들려면 2개의 Form이 필요하다.

2. 생성순서
   a. 메뉴 : File -> New -> Form -> Empty Form ->을 이용해서 메뉴 Form 2개를 만든다.
      아래대로 따라하면 된다.
      

           

 

        


  

         


      

       



      

      --> 위와 같은 형식으로 Left 메뉴Form도 하나 더 만든다.
          Form Name 은 : EnvMenuLeft 로 한다.

   b. EnvMenuTop과 EnvMenuLeft를 만든 후 [Finish]를 누르면 아래와 같이 2개의 Form이 생성되어 진다.

      

      



   *. EnvMenuTop Form에서 속성 및 Component인  image, MenuBar, Tab, 필요한 버튼 여러 개를 추가한다.
      아래 따라하기 존재

   c. 생성한 EnvMenuTop form에 대한 Properties를 아래와 같이 설정한다.

         

 


   d. Image Component icon을 눌러서 EnvMenuTop Form에 추가한다.

      

        



   e. 추가한 Image 의 속성을 아래와 같이 설정한다.

      

        





   f. MenuBar Component icon을 눌러서 EnvMenuTop Form에 추가한다.


      



   g. 추가한 MenuBar 의 속성을 아래와 같이 설정한다.


      

                    



   h. Tap Component icon을 눌러서 EnvMenuTop Form에 추가한다.

      

         



   i. 추가한 Tap 의 속성을 아래와 같이 설정한다.


      

         



   j. image 위에  .. 추가로 필요한 버튼 4개를 추가한다.

       이 버튼은 보통 사용자들이 자주 쓰는 메뉴를 활용할 수 있도록 버튼을 올려 놓은 것이다.
      

        


   *. EnvMenuLeft Form에서 속성 및 Component인  Tree View 를추가한다.
      아래 따라하기 존재

   k. 생성한 EnvMenuLeft form에 대한 Properties를 아래와 같이 설정한다.

      

         



   l. Tree View Component icon을 눌러서 EnvMenuTop Form에 추가한다.

      

        



   m. 추가한 Tree View 의 속성을 아래와 같이 설정한다.

      

         



   n. EnvMenuLeft가 완료 된 화면이다.

      만약, 바로 아래와 같이 메뉴Tree가 안보이면 작업form을 종류 후 다시 Open하면 보일 것이다.
      

        



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.


 

Posted by 농부지기
,
 

                 7. Frames 정보 만들기

1. 정의 : .

3. 생성순서
   a.  위치 : Project Explorer 하단 -> Global Tab -> Frames를 -> 마우스로 double click

                 


       


   b. 왼쪽 하단 [+]를 눌러서 Top Frame Menu 에 들어갈 Frame을 하나 추가 한다.

      추가 후 필요한 속성을 지정한다.
       

     



   b. 왼쪽 하단 [+]를 눌러서 Left Frame Menu 에 들어갈 Frame을 하나 추가 한다.

      추가 후 필요한 속성을 지정한다.
       

                



   c. Frame을 완료 후의 Project Explorer의 상태이다.

       

       



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.


 

Posted by 농부지기
,

               MiPlatform 6. MDI info 정보 만들기

1. 정의 : MiPlatform Browser를 띄울때 MDI방식으로 띄워야 되기 때문에 Form을 지정한다.
         이때 선택하는 Form은 꼭 화면이 완성되지 않아도 된다.

3. 생성순서
   a.  위치 : Project Explorer 하단 -> Global Tab -> MDI info를 -> 마우스로 double click      

        



   b. 왼쪽 하단 [+]를 눌러서 Forms 2개를 만들고

      각각 initurl을 설정한다.
      

       



   c. MDIForm 2번째의 속성창을 

      

      



   d. 완료후의 Project Explorer 의 메뉴이다.

      

      



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.


 

Posted by 농부지기
,

MiPlatform-5. LOGIN화면,임시화면 3개,Working화면 1개 만들기

1. 정의 : 다음 단계에 MDI info 정보를 해야 되기 때문에 간단하게 form 2개를 만든다.

3. 생성순서
   a. 위치 : 메뉴 -> File -> New -> Form -> Empty form -> Name : SS1010
   b. 위와 같이 해서 form을 총 3개 만든다.

   c. 생성된 form 형식
      - ID  : PoolLogin
             Properties.Height = 128

             Properties.Width  = 296


      - ID : SS1010
             Properties.BkColor = #FFFFEE
             Properties.Title   = 메뉴관리

             Properties.Height  = 600

             Properties.Width   = 1000


      - ID : SS1020
             Properties.BkColor = #FFFFEE
             Properties.Title   = 권한관리

             Properties.Height  = 600

             Properties.Width   = 1000


      - ID : AA1010
             Properties.BkColor = #FFFFEE
             Properties.Title   = 공통코드

             Properties.Height  = 600

             Properties.Width   = 1000


      - ID : MainWorkForm
             Properties.코드

             Properties.Height  = 596
             Properties.Width   = 990 




   d. 완료된 Login 화면

       - Login Form에 Properties를 설정 후 Login 버튼을 하나 만든다. 

            

 



   e. 임시로 만든 3개의 Form 이다.
      각 화면이 Open되었을 때 확인 하기 위해서 Label 하나와  Button하나를 추가한다.

 

      

     


  f. Working Form을 하나 만들고
     Division Component를 하나 추가한다.

     


      Division에 대한 Properties
           - Properties.Bottom = 594

           - Properties.Height = 594

           - Properties.Left   = 0

           - Properties.Right = 993

           - Properties.Top   = 0

           - Properties.Width = 993

           - Properties.ID  = div_WorkForm


      
   



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.


 


      

Posted by 농부지기
,

               MiPlatform 4. Menu DataSet 만들기

1. 정의 : 상단, 왼쪽 메뉴에서 사용될 DataSet을 만든다.

2. 참고 : 이 Sample은 DB를 사용하지 않고, DataSet에 강제로 메뉴명을 넣고 Test를 한다.

3. 생성순서
   a.  위치 : Project Explorer 하단 -> Global Tab -> Global DataSets를 -> 마우스로 double click
   b. 오른쪽에 DataSet 작업창이 뜨면 [+]버튼을 두 번 누른다. 

 

      

 


   c. 2개의 DataSet

 


      ID : gds_Menu
      ID : gds_OpenMenu
      참고 : 메뉴를 2개 만드는 이유는
             gds_Menu가 실제 database에 저장된 메뉴이고
             gds_OpenMenu는 MDI 방식에서 MiPlatform Browser에 현재 열려져 있는 Sheet들에 대한 메뉴들이다.

 


          
      



   d. ID : gds_Menu에 대해서

          - Columns를 추가하고
          - Rows에 임시로 메뉴목록을 입력한다..  (현재 따라하기는 DB와 연동하지 않기 때문임)

           


   e. ID : gds_OpenMenu에 대해서

          - Columns를 추가한다. 

      

       



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.

 

 

Posted by 농부지기
,

               MiPlatform 3. Image 추가하기

1. 정의 : 버튼등에 필요한 image를 만들고, 그 image를 Resource에 추가한다.

2. 생성순서
   a. 필요한 image
      - 참고 : 버튼이 들어갈 이미지는 항상 4개씩 존재 해야 된다.
               버튼이 클릭되는 Event마다 다르게 보여진다.
               아래 이미지는 내가 포토샵을 못하는 관계로 동일한 color이지만
               각 순서마다 다른color를 줘서 활용해야만 한다.
      ㄱ. 저장 : 
                  

 

      ㄴ. 삭제 :

                 
 
      ㄷ. 조회 : 

                       


      ㄹ. 신규 : 

                
      ㅁ. 인쇄 : 

                

      ㅂ. 종료 : 

                

      ㅅ. 상단 Tab page에 들어갈 image:   

             

             
      ㅇ. 상단 메뉴 BackGround 

                  

 

        
   b. image를 버튼, Tab등에서 사용할 수 있도록 Resource에 추가하기
      ㄱ. 위치 : Project Explorer -> 하단 [ Global ] Tab page -> images를 Double click
          

             



      ㄴ.  Resource를 만들 창이 뜬다.
           오른쪽 상단에 icon을 크릭 해서  Resource file이 위치할 폴더를 선택 한다.

                


      
      ㄷ. Resource File은 [RrEnv]에 위치시킨다.

          


      ㄹ. 왼쪽 하단 [+]를 눌러서 image를 찾아 온다.

              

 

 


          



          

      ㅁ. [OK]버튼을 누르면 Resource File에  image가 추가된다.

          (참고, 이때 Resource File에 image가 추가 됐기 때문에 탐색기에서 image를 지워도 된다.)

             


      ㅂ. Global Tab의 images 에 필요한 image가 추가된 모습니다.

 

               



          


.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.

 

 

 

 

Posted by 농부지기
,

               MiPlatform 2. Application Group 추가하기

1. 정의 : 시스템용 Application을 생성한다.

2. 생성순서
   a. 메뉴 : Project Explorer에서 -> 기존 Application 목록 선택 -> 마우스로 double click한다.
     

       



  b. 왼쪽 하단에 있는 [+]버튼을 눌러서 javaScript용 App Group을 하나 만든다.
     아래 붉은 부분대로 속성을 변경한다.
     중요속성 : Type - js
                별도의 공통 JavaScript 파일을 만들려면  반드시 App에서 Type이 js가 있어야 한다.

     

       



 c. 왼쪽 하단 [+]를 눌러서  'SsSys' form 생성용 App Group을 하나 더 만든다.

    

    




d. App Group 만들어진 상태
    

      



.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.

 

 

Posted by 농부지기
,

                  MiPlatform 1. 프로젝트 생성하기

1. 정의 : Application을 생성하려면 마이플랫폼에서는 프로젝트를 생성해야 된다.

2. 생성순서
   a. 메뉴 : Tools -> Project Manager를 클릭
    

       

 

   b. Project Manager에서 신규프로젝트를 만들기 위해서는 하단 [New Project] 버튼을 클릭 한다.
    

       



   c. Step 1단계
      •  Name : 프로젝트 이름을 등록한다.
      •  Character Set : 프로젝트에서 사용할 언어종류를 설정한다. 
      
•  Working Folder : 프로젝트가 사용할 Root Folder를 선택한다.
    

       



  d. Step 2
     •  Size : 프로젝트의 기본 화면 Size를 지정한다.
     •  Caption, Menu, Status : MiPlatform Browser에서 Caption Bar, Menu Bar, Status Bar 존재 여부 결정
                               즉, 프로젝트(어플리케이션)를 실행시키면 MiPlatform Browser가 실행된다.
                               이때 이 Browser를 어떤게 띄울지 속성을 지정하는 옵션이다.
     

       



  e. Step 3
     •  Update URL :Component의 Upgrade시 Component의 Version Up을 수행하는
                   Server측 Component dll의 Url경로를 의미한다.

                   참고, 사실 Updater에서 이미 한번 실행하기 때문에 이곳에 URL을 주면
                         두번 실행하게 된다. 결론, URL을 주지 말라.

    

      



   f. Step 4
      •  Default App : Project에는 화면을 하나 만들더라도 AppGroup은 반드시 하나는 있어야 한다.
      •  Project File(Start XML) Path : Start XML의 Path를 지정한다.
      •  BaseUrl    : 화면 UI xml파일만 저장 될 폴더 위치
      
•  Script Url : 화면 Logic인 java scipt 만 저장 될 폴더 위치                           
 
      참고, 보통 [BaseUrl]과 [Script Url]은 동일하게 하여  화면XML과 JavaScript XML은
            한나의 XML에 위치시킨다.   

    

       



   g. Project Wizard가 완료 되면
      PID에 초기 Application이 하나 생성 된다.
      

        



   h. [Attributes] Tab에 가서
        - Attributes.Hideframe  : True

        - Attributes.SessionURL : RrEnv::EnvLogin.xml
        - Resource.URL          : RrEnv::imgRes.res
      (참고, 위 2개의 파일 xml과 res 는 차후에 만들 것이다.)


      

        





.           Copyright(c) www.keiis.co.kr/study. Allrights reserved.          



Posted by 농부지기
,