반응형
WebSquare의 Data Model 영역
1. Data Collection 데이터 컬렉션
- 데이터 객체 정의 영역
- 서버통신 위한 request, response 데이터와 화면에서 사용할 데이터 정의
- 데이터 객체 타입:
- DataMap
- DataList
- LinkedDataList
- AliasDataMap
- AliasDataList 가 있음
화면)
소스 ) dataList
<w2:dataCollection baseNode="map">
<w2:dataList baseNode="list" repeatNode="map" id="dc_userInfoList" saveRemovedData="true" ev:oninsertrow=""
ev:onremoverow="" ev:ondataload="">
<w2:columnInfo>
<w2:column id="EMP_CD" name="사번" dataType="text"></w2:column>
<w2:column id="EMP_NM" name="이름" dataType="text"></w2:column>
<w2:column id="GENDER_CD" name="성별" dataType="text"></w2:column>
<w2:column id="JOIN_DATE" name="입사일" dataType="text"></w2:column>
<w2:column id="POSITION_CD" name="직급" dataType="text"></w2:column>
<w2:column id="ROLE_CD" name="역할" dataType="text"></w2:column>
<w2:column id="EMAIL" name="이메일" dataType="text"></w2:column>
<w2:column id="ZIP_CD" name="우편번호" dataType="text"></w2:column>
<w2:column id="ADDRESS1" name="주소1" dataType="text"></w2:column>
<w2:column id="ADDRESS2" name="주소2" dataType="text"></w2:column>
<w2:column id="CREATED_DATE" name="생성일" dataType="text"></w2:column>
<w2:column id="UPDATED_DATE" name="수정일" dataType="text"></w2:column>
</w2:columnInfo>
</w2:dataList>
.
.
</w2:dataCollection>
화면 예시)
소스 ) dataMap
<w2:dataCollection baseNode="map">
<w2:dataMap baseNode="map" id="dc_searchParam">
<w2:keyInfo>
<w2:key id="GENDER_CD" name="성별" dataType="text"></w2:key>
<w2:key id="POSITION_CD" name="직급" dataType="text"></w2:key>
</w2:keyInfo>
<w2:data use="false">
</w2:data>
</w2:dataMap>
.
.
</w2:dataCollection>
2. Submission 서브미션
- 서버 통신을 위한 인터페이스.
- 통신 비동기/동기 방식 선택 : mode속성의 asynchronous/ synchronous
- 통신 실행 전/후에 실행할 함수 이벤트를 정의
- request 데이터는 reference 속성에 정의된 데이터 객체의 정보로 생성
- response 데이터는 target 속성에 정의된 데임터 객체의 정보를 참조하여 셋팅.
화면 )
소스 )
<xf:submission id="sbm_search" ref="data:json,dc_searchParam" target="data:json,dc_userInfoList"
action="/ws5/training/searchMember.do" method="post" mediatype="application/json" encoding="UTF-8" instance="" replace=""
errorHandler="" customHandler="" mode="asynchronous" processMsg="조회중.." ev:submit="" ev:submitdone="scwin.sbm_search_submitdone"
ev:submiterror="" abortTrigger="">
</xf:submission>
3. Workflow 워크플로우
- workflow 들을 정의하는 영역
- 여러개의 Submission 을 실행할 경우 실행할 submission들을 하나의 workflow에 등록하여 사용
- Workflow에 정의한 Submission 실행 순서와 결과 처리 순서, 결과에 따른 이후 Submission 의 실행 여부 등을 정의할 수 있다.
- Select 조회 용도 통신에 사용 권장
반응형
'Back-end > FrontEnd' 카테고리의 다른 글
[CSS] 자주 사용되는 dom selector (0) | 2023.07.07 |
---|---|
웹스퀘어 에서의 Script 코딩 (0) | 2022.02.04 |
웹스퀘어 Web Square 란? (프론트 소스를 알아서 짜준다고?) (1) | 2022.02.04 |
뷰 Vuejs란? (0) | 2021.07.27 |