App Builder를 이용한 Blazer 애플리케이션 코드 생성

App Builder란 무엇입니까?

인프라 디자인 회사가 제공하는 클라우드 기반의 WYZIWYG UI 디자이너는 드래그 조작과 간단한 속성 설정을 통해 응용 프로그램의 전단을 구축할 수 있다.
이제 Anglar와 Blazor를 지원합니다.2022년 2월 블라조르에 공식 대응할 계획이다.
Blazor가 정식으로 출시되기 전에 기능을 소개할 수 있도록 허락해 주십시오.
App Builder를 사용한 디자인
그렇다면 실제로 앱 버라이더에 접속해 디자인을 만들어 보고 싶다.
App Builder 시작
App Builder는 클라우드 기반 솔루션입니다.웹 사이트를 방문하여 사용할 수 있다.App Builder

새 응용 프로그램 만들기
사이트에 로그인한 후 먼저 새로운 프로그램을 만듭니다.
처음에는 다음과 같은 세 가지 모델로 시작할 수 있다.

견본에서 응용된 모형 창설

정해진 레이아웃에서 생성

디자인 가져오기 및 제작

디자인 가져오기는 Sketch 또는 Adobe XD(comming son...)라고 디자인했다.
이번에는 샘플 프로그램의 초기 형태부터 시작합니다.
새 응용 프로그램을 만들면 디자인 화면이 표시됩니다.

디자인 편집
화면 왼쪽의 도구상자에서 필요한 위젯을 선택한 다음 드래그 앤 드롭으로 화면에 설정합니다
사용 가능한 UI 제어는 자사 제품의 Ignite UI for Blazor를 사용할 수 있습니다.
따라서 다기능 DataGrid 등을 간단히 구성할 수 있습니다.

디자인 미리 보기
UI 컨트롤을 구성하면 오른쪽 위에 있는 미리 보기 버튼에서 디자인 미리 보기와 코드 생성을 볼 수 있습니다.
화면 이동 등이 가능하기 때문에 간단한 화면의 움직임도 확인할 수 있다.

코드 출력
설계가 끝나면 코드를 출력합니다.
Giithub 저장소로 이동하거나 Zip 파일을 다운로드할 수 있습니다.

출력된 코드는 Visual Studio 항목이므로 즉시 실행할 수 있습니다.

Visual Studio 프로젝트는 솔루션으로 가져오거나 VS 코드에서 직접 편집하여 dotnet 명령으로 수행할 수 있습니다.

실행한 후 브라우저에서 실제 생성된 화면을 이동할 수 있습니다.

생성된 코드에 논리를 삽입하여 응용 프로그램으로 만들 수 있다.

총결산
App Builder를 사용하여 Blazer 애플리케이션의 코드를 만들어 보았습니다.
원래 Blazor는 HTML, CSS를 사용하여 UI를 구축해야 합니다.따라서 웹 응용 소프트웨어 개발 경험이 적은 엔지니어에게는 문턱이 높다.
App Builder를 사용하면 UI를 드래그 앤 드롭하여 손쉽게 구성할 수 있습니다.
특히 Windows Forms 및 ASP는네트워크 Forms에서 개발한 엔지니어에게는 이전과 같은 간격으로 Blazor 애플리케이션의 UI를 구축할 수 있습니다.
App Builder 평가판 사용하기
시험판을 사용하기 위해서는 이 페이지에서 "무료 시도"링크를 클릭하십시오.계정을 만들면 무료로 시도할 수 있습니다.
※ Blazor 대응 버전은 베타 버전입니다.사용하고 싶으시면 본사 영업부에 문의하세요.컨설팅 창
또한 제품 구매를 고려하는 고객이 페이지은 마음대로 문의하십시오.
기술 지원·무료 온라인 상담회 이용
인프라 시설이 디자인한 UI 제품은 여러 가지 기능이 있기 때문에 문서의 정보량도 많기 때문에 때때로 당신이 찾으려는 정보를 찾기 어렵다.이 경우 기술 지원과 제품 도입 지원 담당자의 무료 온라인 상담회를 쉽게 예약할 수 있어 검증 시간을 절약할 수 있으니 꼭 활용해 주십시오.
기술 지원 컨설팅 방법 확인
무료 온라인 상담회 예약