ABAP2UI5 설치 - Demo 생성 및 실행

안녕하세요.

ABAP2UI5가 정상적으로 서버에 설치되었다는 가정 하에,

Demo 페이지를 한번 만들고 실행시켜 보도록 하겠습니다.

---

소스코드는 Github에서 제공하는 DEMO_01 로 시작해 보겠습니다.

https://github.com/oblomov-dev/abap2UI5/blob/main/src/00/z2ui5_cl_app_demo_01.clas.abap

GitHub - oblomov-dev/abap2UI5: Development of UI5 Apps in pure ABAP

 

수동으로 설치하신 방법과 동일합니다.

SE24 클래스 생성 -> 소스코드 복붙 그대로 해주시면 됩니다.

이미 제공된 Demo를 사용하는 것이고, 이번 글에서는 Demo가 작동되기만 하면 됩니다.

추후, Demo 소스코드 변경은 자율입니다.

 

1) Demo Class 생성

 

2) 소스코드 복붙(Source Code-Based)

 

소스코드 복붙 후 활성화를 시키면,

아주 잘 다음과 같은 오류가 발생합니다.

 

클래스 하나가 글 작성중 업데이트 되어서, 해당 클래스를 못찾는 오류입니다.

사실, 글을 적는 와중에도 업데이트가 되어서, 저도 살짝 혼란스럽긴 한데

설치 과정에서 만들어주지 못했던 클래스(Z2UI5_CL_XML_VIEW_HELPER)는 다시 만들어주도록 하겠습니다.

 

 

제일 마지막부분에 z2ui5_cl_xml_view_helper 및 local_imp 부분에,

설치과정과 동일하게 소스코드 복붙 해주시면 됩니다.

 

https://github.com/oblomov-dev/abap2UI5/tree/main/src/00

GitHub - oblomov-dev/abap2UI5: Development of UI5 Apps in pure ABAP

 

클래스 생성 후 z2ui5_cl_app_demo_01을 액티브 시켜줍니다.

---

 

해당 과정까지 같이 오시느라 고생 많으셨습니다.

위에서 살짝 언급헀지만, 계속 업데이트 되어서 문제가 생기실 수도 있는데요.

말씀주시면 최대한 같이 찾아보도록 하겠습니다.

 

해당 demo_01을 실행시키기 위해서

테스트 페이지에 입력 -> Check -> Link to the application으로 수행합니다.

 

 

 

Application 실행 및 post 버튼이 정상적으로 동작하는 모습입니다.

과정이 복잡한듯 하나, 소스코드 복붙만 하면되는 간단한 과정이었습니다.

 

Demo로 소스코드를 변경해보시면서 ABAP2UI5에 대한 느낌을 익히셨으면 좋겠습니다.

POST 버튼 동작 시 MESSAGE_TOASE 대신 MESSAGE_BOX 로 바꾸거나,

Quantity, Product 라벨을 바꾸거나 등등 자유롭게 하실 수 있습니다.

---

조금이나마 도움이 되셨다면 좋아요, 댓글 부탁드립니다.
(옳은 방향으로 나아가고 있다는 믿음으로, 제가 계속 티스토리를 운영하는데 큰 힘이 됩니다)

또한 제 설명이 틀리거나, 궁금하신 내용은 언제든 문의 환영합니다 :)