celerio angular quickstart

Celerio Angular Quickstart

이 Angular QuickStart는 Angular CLI를 사용하여 응용 프로그램 골격 및 Celerio를 생성하여 관계형 데이터베이스 스키마를 역전시키고 Angular + Spring Boot 코드를 생성하여 데이터베이스 컨텐츠에 액세스합니다. 생성 된 코드는 간단한 Hello World 앱보다 훨씬 더 많은 영역을 다룹니다 (검색, 페이지 매김, 검증, 자동 완성 등).

샘플 데이터베이스에서 응용 프로그램을 생성하려면 QuickStart 폴더의 지침을 따르십시오.

생성 된 코드를 직접 살펴보십시오. 이 샘플 SQL 스키마 와이 Celerio 구성 중에서이 템플릿 덕분 에이 코드를 생성합니다.

기본적으로 샘플 H2 데이터베이스 스키마를 사용합니다. 자체 데이터베이스 스키마 및 데이터베이스 엔진을 사용하는 것은 구성의 문제입니다. 예제로 H2 대신 MySQL을 사용하도록 지침을 확인하십시오.

무엇을 기대해야합니까?

노력없이 작동하는 것을 보려면 샘플 도커 이미지를 실행하거나 스크린 캐스트를 볼 수 있습니다. 이것은 생성 된 샘플 일뿐입니다. 아이디어는보다 현실적인 데이터베이스 스키마를 사용하여 자신의 응용 프로그램을 생성하는 것입니다.

샘플 도커 이미지

생성 된 webapp의 Docker 이미지를 실행하려면 :

 docker run -p 8080:8080 nromanetti/celerio-angular-quickstart

그런 다음 LocalHost : 8080에서 액세스하십시오

스크린 캐스트

다음 스크린 캐스트는 무엇을 기대 해야하는지 보여줍니다.

프로젝트에 대해

우리의 목표는 고급 Angular CRUD 웹 응용 프로그램을위한 견고한 코드 생성 템플릿을 제공하는 것입니다.

코드 생성 템플릿은 속도로 작성되었으며 데이터 지향 응용 프로그램을위한 오픈 소스 code generator 도구 인 Celerio에 의해 해석됩니다.

다음은 폴더 조직입니다.

• Pack-angular 폴더에는 Celerio가 해석/복사하는 Celerio Code Generation 템플릿이 포함되어 있습니다.
• QuickStart-Conf 폴더에는 Celerio 가이 QuickStart를 생성하는 데 필요한 최소 구성이 포함되어 있습니다.
• QuickStart 폴더는 QuickStart를 생성 할 수있는 곳입니다.
• QuickStart-Generated : 폴더는 이미 제공된 QuickStart로 제공되므로 휴대 전화에서도 소스 코드를 찾아 볼 수 있습니다. :)

생성 된 코드에 대해

생성 된 Angular Crud 웹 앱은 다음 기술/프레임 워크를 사용합니다.

• Angular Cli angular에 대한 명령 줄 인터페이스
• Angular 5 웹 프레임 워크 : 우리는 항상 최신 버전을 사용하려고 노력합니다.
• TypeScript : JavaScript보다 훨씬 쉽습니다 ...
• PRIMENG : Angular Components Library, 파일 업로드, 자동 완성, 캘린더, 트라이 상태 확인란, 서버 측면 페이지를 활용합니다.
• 각도 재료 : 각도 앱의 재료 설계 구성 요소
• Spring Boot : Java App Backend, Made Easy, REST 엔드 포인트 등을 생성합니다.
• 스프링 보안 : 기본적으로 기본 보안
• 스프링 데이터 JPA : 예제로 쿼리를 활용합니다.

기여하다

여러 가지 방법으로 기여할 수 있습니다.

• 생성 된 코드를 검토함으로써 Primeng, Angular, Spring Data, Spring Boot 등이 적절하게 사용됩니까?
• 자신의 데이터베이스 스키마를 사용하여 프로젝트를 생성하려고합니다.
• 생성 된 앱을 사용하고 한계를 찾으려고합니다.

물론 문제를보고하거나 풀 요청을 제출할 수 있습니다.