NEXACRO - 사원관리 화면구성1

JeongHoHyun·2024년 9월 3일

nexacro

NEXACRO

목록 보기

4/9

NEXACRO 사원관리 화면 구성1

1. 화면을 저장할 폴더 생성

1-1 프로젝트 설정파일 (TypeDefinition)

1-1-1 Service 더블 클릭 후 form 추가

2. 새로운 화면 만들기

방금 생성한 Work 클릭 후 Ctrl + N 으로 새로운 폼을 만든다.
Name : Form_emp, Location : Work
Width : 1000, Height : 670

3. Header 영역과 화면 레이아웃 설정

3-1 제목영역 - 스태틱 컴포넌트

툴바에서 Static을 선택하여 만들어준다.

id 와 text 는 다음과 같다.

포지션은다음과 같다

3-2 버튼 4개 만들기

툴바에서 Button을 선택하여 만들어 주었다.

id, text는 각각 (btn_retrieve, Retrieve), (btn_add, Add), (btn_delete, Delete), (btn_save, Save) 이다.
포지션은 다음과 같다.(단
btn_retrieve : top - 10, width - 84, height - 30, right - 265
btn_add : top - 10, width - 80, height - 30, right - 180
btn_delete : top - 10, width - 80, height - 30, right - 95
btn_save : top - 10, width - 80, height - 30, right - 10

3-3 조회조건 영역 - Div 컴포넌트

툴바에서 Div를 선택하여 만들어주었다.

id는 div_search로 설정한다.
포지션은 다음과 같다.

스타일을 설정한다.

3-4 목록부분 - 그리드 컴포넌트

툴바에서 Gird를 선택하여 만들어주었다.

id는 grid_emp로 설정한다.
포지션은 다음과 같다.

3-5 상세내역 - Div 컴포넌트

툴바에서 Div를 선택하여 만들어 주었다

id는 div_detail로 설정한다.
포지션은 다음과 같다.

스타일을 설정한다.

4. Dataset 생성

4-1 Dataset 생성

툴바의 Dataset을 클릭하여 화면을 클릭하면 데이터 셋이 생성된다.
생성된 데이터셋이 Invisible Object 창에 표시된다.

데이터셋의 ID를 ds_emp로 변경한다.
Invisible Object의 ds_emp를 더블클릭하여 편집창을 연다.
아래와같이 컬럼과 로우를 추가한다.

Source를 클릭하여 입력된 값을 소스로 확인할 수 있고, 미리 작성된 소스를 붙여넣기 하여 데이터셋을 수정할 수 있다.
미리작성된 데이터를 붙여넣기하여 데이터셋을 수정한다.

<ColumnInfo>
  <Column id="EMPL_ID" type="STRING" size="10"/>
  <Column id="FULL_NAME" type="STRING" size="50"/>
  <Column id="DEPT_CD" type="STRING" size="10"/>
  <Column id="POS_CD" type="STRING" size="10"/>
  <Column id="HIRE_DATE" type="DATE" size="10"/>
  <Column id="SALARY" type="INT" size="10"/>
  <Column id="GENDER" type="STRING" size="10"/>
  <Column id="MARRIED" type="STRING" size="10"/>
  <Column id="MEMO" type="STRING" size="10"/>
</ColumnInfo>
<Rows>
  <Row>
    <Col id="EMPL_ID">AA001</Col>
    <Col id="FULL_NAME">Olivia</Col>
    <Col id="DEPT_CD">01</Col>
    <Col id="POS_CD">03</Col>
    <Col id="HIRE_DATE">20101003</Col>
    <Col id="SALARY">83000</Col>
    <Col id="GENDER">W</Col>
    <Col id="MARRIED">true</Col>
    <Col id="MEMO">ivory</Col>
  </Row>
  <Row>
    <Col id="EMPL_ID">AA002</Col>
    <Col id="FULL_NAME">John</Col>
    <Col id="DEPT_CD">02</Col>
    <Col id="POS_CD">04</Col>
    <Col id="HIRE_DATE">20051011</Col>
    <Col id="SALARY">76000</Col>
    <Col id="GENDER">M</Col>
    <Col id="MARRIED">false</Col>
    <Col id="MEMO">greenyellow</Col>
  </Row>
  <Row>
    <Col id="EMPL_ID">BB001</Col>
    <Col id="FULL_NAME">Jackson</Col>
    <Col id="DEPT_CD">03</Col>
    <Col id="POS_CD">03</Col>
    <Col id="HIRE_DATE">20070206</Col>
    <Col id="SALARY">95000</Col>
    <Col id="GENDER">M</Col>
    <Col id="MARRIED">true</Col>
    <Col id="MEMO">aliceblue</Col>
  </Row>
  <Row>
    <Col id="EMPL_ID">BB002</Col>
    <Col id="FULL_NAME">Maia</Col>
    <Col id="DEPT_CD">04</Col>
    <Col id="POS_CD">02</Col>
    <Col id="HIRE_DATE">20090512</Col>
    <Col id="SALARY">60000</Col>
    <Col id="GENDER">W</Col>
    <Col id="MARRIED">false</Col>
    <Col id="MEMO">ivory</Col>
  </Row>
  <Row>
    <Col id="EMPL_ID">CC001</Col>
    <Col id="FULL_NAME">Adam</Col>
    <Col id="DEPT_CD">01</Col>
    <Col id="POS_CD">04</Col>
    <Col id="HIRE_DATE">20010109</Col>
    <Col id="SALARY">88000</Col>
    <Col id="GENDER">M</Col>
    <Col id="MARRIED">true</Col>
    <Col id="MEMO">greenyellow</Col>
  </Row>
  <Row>
    <Col id="EMPL_ID">DD001</Col>
    <Col id="FULL_NAME">Ray</Col>
    <Col id="DEPT_CD">02</Col>
    <Col id="POS_CD">03</Col>
    <Col id="HIRE_DATE">20160202</Col>
    <Col id="SALARY">60000</Col>
    <Col id="GENDER">M</Col>
    <Col id="MARRIED">true</Col>
    <Col id="MEMO">lightpink</Col>
  </Row>
</Rows>

위와 같은 방법으로 나머지 데이터셋을 추가로 만든다.
ds_pos

<ColumnInfo>
  <Column id="POS_CD" type="string" size="32"/>
  <Column id="POS_NAME" type="string" size="32"/>
</ColumnInfo>
<Rows>
  <Row>
    <Col id="POS_CD">04</Col>
    <Col id="POS_NAME">Officer</Col>
  </Row>
  <Row>
    <Col id="POS_CD">03</Col>
    <Col id="POS_NAME">Assistant Manager</Col>
  </Row>
  <Row>
    <Col id="POS_CD">02</Col>
    <Col id="POS_NAME">Division Manager</Col>
  </Row>
  <Row>
    <Col id="POS_CD">01</Col>
    <Col id="POS_NAME">Chairman</Col>
  </Row>
</Rows>

ds_dept

<ColumnInfo>
  <Column id="DEPT_CD" type="STRING" size="32"/>
  <Column id="DEPT_NAME" type="STRING" size="32"/>
</ColumnInfo>
<Rows>
  <Row>
    <Col id="DEPT_CD">01</Col>
    <Col id="DEPT_NAME">Accounting Team</Col>
  </Row>
  <Row>
    <Col id="DEPT_CD">02</Col>
    <Col id="DEPT_NAME">HR Team</Col>
  </Row>
  <Row>
    <Col id="DEPT_CD">03</Col>
    <Col id="DEPT_NAME">Sales Team</Col>
  </Row>
  <Row>
    <Col id="DEPT_CD">04</Col>
    <Col id="DEPT_NAME">Design Team</Col>
  </Row>
  <Row>
    <Col id="DEPT_CD">05</Col>
    <Col id="DEPT_NAME">Education Team</Col>
  </Row>
</Rows>