ㅇ 이름 생성 규칙

https://docs.mendix.com/howto/general/dev-best-practices/#3-5-4-integration-documents

https://academy.mendix.com/link/paths/82/Crash-Course 

https://academy.mendix.com/link/modules/313/lectures/2362/4.2-Integration-with-Mendix 

Mendix와 통합

Mendix의 가장 중요한 기능 중 하나는 외부 시스템과의 통합 기능입니다. 여러 가지 방법으로 이 통합을 수행할 수 있으며 가장 중요한 것은 SOAP 및 REST와 같은 웹 서비스와 통합하는 기능입니다. Mendix는 XML, JSON 및 WSDL을 지원하며 가져오기는 매핑을 통해 수행되므로 코드를 작성할 필요가 없습니다. 그러나 원시 데이터에 직접 액세스해야 하는 상황이 있습니다. 이를 위해 Mendix에서는 HttpRequest 및 HttpResponse 변수를 통해 요청 및 응답에 액세스할 수 있습니다. 이 외에도 Mendix Marketplace에서 사용할 수 있는 많은 커넥터 중 하나를 사용할 수 있습니다. 데이터를 Mendix 앱으로 가져올 수 있는 AWS, Oracle, SAP, Kafka, OData 및 데이터베이스(SQL 직접 사용)용 커넥터가 있습니다. 데이터가 파일에 저장된 경우, 

json 구조 추가

 Add other > JSon structure

Mendix의 데이터 구조에 매핑

도메인 모델은 여러 데이터베이스를 지원합니다. 소규모 앱에 적합한 내부 데이터베이스 또는 Mendix에서 지원하는 엔터프라이즈 데이터베이스 중 하나를 선택할 수 있습니다. 여기에는 다음이 포함됩니다.

• IBM DB2.
• 마이크로소프트 SQL 서버.
• MySQL/마리아DB.
• 오라클 데이터베이스.
• PostgreSQL. 

mendix 도메인 모델 차이

방금 조작한 노란색 및 파란색 엔터티를 명확히 하기 위해 영구 엔터티 (파란색)는 데이터베이스에 저장되고 비영구 엔터티 (노란색)는 클라이언트 세션 기간 동안의 데이터만 저장한다는 것을 알아두십시오.

 도메인 모델 > 엔터티 편집해서 (더블클릭) > Persistable을 Yes로 바꾸면 됨

Mendix 템플릿 엔진

MVC 의 보기 부분은 Mendix 템플릿 엔진 에 의해 처리됩니다 . Mendix는 JavaScript, CSS 및 HTML5와 같은 최신 웹 표준을 기반으로 하는 웹 기반 클라이언트를 제공합니다. 클라이언트 구현은 React 및 SCSS와 같은 기술을 사용합니다. Mendix는 Studio Pro에서 이러한 기술의 시각적 추상화 작업을 수행할 수 있는 페이지 빌더를 제공합니다. 이렇게 하면 페이지를 빠르게 만들 수 있습니다. 

무대 뒤에서 Mendix는 귀하의 페이지에 대한 XML 파일을 생성합니다. 페이지는 레이아웃(이 경우 Atlas_Default 레이아웃)으로 시작합니다. 이 레이아웃은 하나의 인수를 허용합니다. 이 인수는 페이지 편집기에서 본 페이지의 HTML 표현을 포함합니다. 이것은 HTML 요소로 구성됩니다. 이러한 요소는 일반 HTML 요소 또는 구성 요소의 자리 표시자로 기능할 수 있습니다. 템플릿 엔진은 페이지를 생성할 때 이러한 자리 표시자를 적절한 HTML로 바꿉니다.

페이지는 HTML과 가능한 레이아웃 문서에 대한 링크가 포함된 XML 봉투로 저장됩니다. 파일은 페이지 수준에서 시작하여 계층적으로 평가됩니다. arguments 요소의 HTML 콘텐츠는 레이아웃 요소에 지정된 파일로 전달됩니다. 레이아웃에는 이러한 인수를 받을 하나 이상의 자리 표시자가 있습니다. 클라이언트는 이러한 파일을 구문 분석하고 브라우저에 보낼 수 있는 DOM 트리를 렌더링합니다.

하위 경로에서 xml

이 레이아웃에는 아래에서 볼 수 있는 것처럼 XML 표현도 있습니다. 이 레이아웃과 페이지용으로 생성된 레이아웃 파일은 DOM을 업데이트하는 데 사용됩니다.

Navigation

페이지 스타일링

Mendix는 기본적으로 많은 테마를 제공하지만 최고의 테마라도 모든 사람을 만족시킬 수는 없습니다. 따라서 Mendix 를 사용하면 해당 테마를 사용자 지정할 수 있습니다. 프로젝트의 테마 폴더에서 직접 Sass를 사용하여 이 작업을 수행할 수 있습니다. 그 외에도 자신의 테마를 위한 기반으로 사용할 수 있는 github 저장소가 있습니다. 이것은 mendix/ux-theming에서 찾을 수 있습니다. 

마지막으로 자신만의 테마 모듈을 만들 수 있습니다. Atlas_ Core 모듈을 기반 으로 시작하는 것이 가장 좋습니다 . 완료되면 이 모듈을 내보내 동료, 고객에게 제공하거나 마켓플레이스에 업로드하여 다른 사람들이 귀하의 테마 기술을 활용할 수 있습니다. 해당 모듈을 UI 리소스 패키지 로 설정했기 때문에 Mendix는 해당 모듈과 함께 모든 Sass 및 CSS와 함께 테마 폴더를 내보내는 것을 알고 있습니다. 

앱 탐색기 에서 앱 노드를 열고 설정 을 두 번 클릭 하면 앱 설정 창 에 테마 탭이   표시됩니다. 여기에는 UI 리소스 모듈로 표시된 모든 모듈의 목록이 포함되며 CSS 파일에 추가되는 명시적 순서를 설정할 수 있습니다. 목록에서 모듈의 순서가 낮을수록 우선 순위가 높아집니다. 예를 들어 회사 테마 모듈을 사용하는 앱은 다음과 같이 주문할 수 있습니다.

Mendix Rest Service

https://academy.mendix.com/link/modules/324/lectures/2488/7.3.1-Retrieve-Employees-and-Departments-from-the-HR-REST-Service

아까 json structure mapping 해준거 다음에~

microflow 호출할때 타입을 call rest로 설정하고

호출할 api의 location 적어줌  --> http Headers에 key는 Accept, value 는 'applcation/json'
Response는 아까 생성해뒀던 mapping을 선택. (Apply import mapping)

학습 url : 

https://academy.mendix.com/link/paths/66/Build-a-Native-Mobile-Inspection-App

** 참고 : 네이티브앱 빌드방법 : https://gardentree.tistory.com/164?category=555623 

ㅇ 진행과정

ㅇ 최종 기능

Admin (MxAdmin/1)으로 로그인해서  유저(Garden2/Mendix1!) 생성

네이티브 앱에서 실행

ㅇ 모바일 네이티브앱에서 실행

ㅇ 아까 생성한 User 계정으로 로그인

ㅇ Pending (보류) / Done(종료) 목록확인 
 - 시작일자가 오늘보다 큰거로 조회. 상태값도 별도 조회
 - 사전에 데이터는 웹에서 넣어줬음

ㅇ Native 버튼 클릭하면 구글지도 실행 (원래 원문은 네비게이션인데 오타낸듯..ㅎ)

ㅇ Start inspection 클릭하면 상세 화면으로 이동

ㅇ New issue 버튼으로 새로운 검사정보 등록가능

 - Take a picture 클릭하면 카메라앱 자동구동

 - Save 클릭하면 항목저장. 리스트 확인가능

< 주요화면 캡쳐(Studio Pro)>

폴더 depth

OverviewPages 웹 편집할 화면들 설정

Security 권한별 화면,나노플로우 접근 권한설정

상태값 (Pending/Done) 열거형 

 Domain model 관계설정

nanoflow 생성

 * 나노플로우 설명 : https://gardentree.tistory.com/163?category=555623 

앱 UI 상세페이지