SAP Web Dynpro-애플리케이션 생성

Web Dynpro 애플리케이션을 생성하기 위해 하나의 뷰로 구성된 Web Dynpro 컴포넌트를 생성합니다. 뷰 컨텍스트를 생성하고 → 뷰 레이아웃의 테이블 요소에 연결하고 테이블의 데이터를 포함합니다.

테이블은 런타임에 브라우저에 표시됩니다. 브라우저에서 실행할 수있는이 간단한 Web Dynpro 구성 요소를위한 Web Dynpro 응용 프로그램이 생성됩니다.

Step 1 − T-Code − SE80으로 이동하여 목록에서 Web Dynpro component / intf를 선택합니다.

Step 2 − 다음과 같이 새 컴포넌트를 생성합니다.

Step 3 − 새 구성 요소의 이름을 입력하고 디스플레이를 클릭합니다.

Step 4 − 다음 창에서 다음 정보를 입력하세요 −

이 구성 요소에 대한 설명을 입력 할 수 있습니다.
유형에서 Web Dynpro 구성 요소를 선택합니다.
기본 창의 이름을 유지할 수도 있습니다.

Step 5 −이 구성 요소를 패키지 $ TMP에 할당하고 저장 버튼을 클릭합니다.

저장을 클릭하면 개체 트리 아래에서이 새 구성 요소를 볼 수 있습니다.

컴포넌트 컨트롤러
구성 요소 인터페이스
View
Windows

구성 요소 인터페이스를 확장하면 인터페이스 컨트롤러 및 인터페이스보기를 볼 수 있습니다.

보기를 만들고 창에 할당하는 방법은 무엇입니까?

Step 1 − Web Dynpro 컴포넌트를 클릭하고 컨텍스트 메뉴 (오른쪽 클릭) → 생성 →보기로 이동합니다.

Step 2 − 다음과 같이 MAINVIEW 뷰를 생성하고 체크 표시를 클릭합니다.

그러면 ABAP 워크 벤치에서 MAINVIEW라는 이름으로보기 편집기가 열립니다.

Step 3 − 레이아웃 탭을 열고 디자이너를 보려면 애플리케이션 서버 사용자 이름과 비밀번호를 입력해야 할 수 있습니다.

Step 4 − 상단의 저장 아이콘을 클릭합니다.

저장하면 오브젝트 트리 아래에 나타나며보기 탭을 확장하여 확인할 수 있습니다.

Step 5 −이보기에 창을 할당하려면 창 탭에서 ZZ_00_TEST 창을 선택하고 화면 상단의 모드 변경을 클릭합니다.

Step 6 − 오른쪽 클릭 → 디스플레이 → 같은 창에서 할 수 있습니다.

Step 7 − 이제 뷰 구조를 열고 드래그 앤 드롭으로 오른쪽 창 구조 내에서 뷰 MAINVIEW를 이동합니다.

Step 8 − 오른쪽 창 구조를 열면 내장 된 MAINVIEW가 나타납니다.

Step 9 − 화면 상단의 저장 아이콘을 클릭하여 저장합니다.

MAINVIEW에 대한보기 컨텍스트를 만드는 방법은 무엇입니까?

Step 1− MAINVIEW를보기 위해 View Editor를 열고 Context 탭으로 전환합니다. 해당 컨텍스트 메뉴를 열어 View Controller에서 컨텍스트 노드를 만듭니다.

Step 2 − 개체 트리에서보기를 선택하고 표시를 클릭합니다.

Step 3− 다음 창에서 속성을 유지합니다. 카디널리티 및 사전 구조 (테이블)를 선택하십시오. 구조에서 속성 추가를 선택하고 구조의 구성 요소를 선택합니다.

Step 4 − 모든 구성 요소를 선택하려면 상단의 모든 옵션 선택을 클릭 한 후 화면 하단의 체크 표시를 클릭합니다.

테이블의 데이터 구조를 참조하고 런타임에 0 → n 항목을 포함 할 수있는 컨텍스트 노드 TEST_NODE가 작성되었습니다. 다른 뷰와의 데이터 교환이 계획되어 있지 않으므로 구성 요소 컨트롤러 컨텍스트 사용이 필요하지 않기 때문에 컨텍스트 노드가 뷰 컨텍스트에서 생성되었습니다.

Step 5 − 저장 아이콘을 클릭하여 MAINVIEW에 변경 사항을 저장합니다.

Step 6− MAINVIEW의 레이아웃 탭으로 이동합니다. ROOTUIELEMENT CONTAINER 아래에 유형 테이블의 새 UI 요소를 삽입하고 지정된 테이블에 속성을 할당합니다.

Step 7 − 요소 이름과 유형을 입력합니다.

Step 8− 컨텍스트 노드 TEST_NODE와 TEST_TABLE의 바인딩을 생성합니다. 표준 셀 편집기로 텍스트보기를 선택하고 모든 셀에 대한 바인딩을 활성화하십시오.

Step 9− 컨텍스트 버튼을 클릭합니다. 목록에서 컨텍스트 노드를 TEST_NODE로 선택하십시오.

Step 10 − 모든 속성을 선택하여 볼 수 있습니다.

Step 11− 모든 컨텍스트 속성에 대한 바인딩 아래의 모든 확인란을 선택하여 활성화합니다. Enter 키를 눌러 입력을 확인하십시오.

결과는 다음과 같아야합니다.

Step 12 − 변경 사항을 저장합니다.

Step 13− TEST 테이블에 데이터를 제공하려면 Methods 탭으로 이동하여 method WDDOINIT를 더블 클릭합니다. 다음 코드를 입력하십시오-

method WDDOINIT .
* data declaration
data:
Node_TEST type REF TO IF_WD_CONTEXT_NODE,
Itab_TEST type standard table of TEST.
* get data from table TEST
select * from TEST into table Itab_TEST.
* navigate from <CONTEXT> to <TEST> via lead selection
Node_TEST = wd_Context->get_Child_Node( Name = `TEST_NODE` ).
* bind internal table to context node <TEST>
Node_TEST->Bind_Table( Itab_TEST ).
endmethod.

Web Dynpro 응용 프로그램의 경우 Web Dynpro 메서드에서 직접 데이터베이스 테이블에 액세스해서는 안되지만 데이터 액세스를 위해 공급 함수 또는 BAPI 호출을 사용해야합니다.