Onsen UI : 모바일 앱 개발을위한 JavaScript/CSS 프레임 워크
Onsen UI는 HTML5, PhoneGap 및 Cordova를 사용하여 크로스 플랫폼 모바일 앱을 구축하기위한 강력한 JavaScript 및 CSS 프레임 워크입니다. 네이티브와 같은 성능, 사용자 경험, 반응 형 디자인 및 광범위한 플랫폼 호환성에 중점을두면 개발자에게 강력한 선택이됩니다. HTML5, CSS, AngularJS, JQuery 및 Font Awesome을 활용하여 시각적으로 매력적이고 고성능 응용 프로그램을 생성 할 수 있습니다.
주요 특징 :
크로스 플랫폼 호환성 :
단일 코드베이스를 사용하여 iOS 및 Android를 위해 개발하십시오.
기본 유사 성능 :
매끄럽고 반응이 좋은 사용자 경험을 달성하십시오
Rich UI 구성 요소 :
사전 제작 된 구성 요소의 다양한 선택이 개발을 가속화합니다.
프레임 워크 유연성 :
angularjs 및 React와 완벽하게 작동합니다
모듈 식 설계 : - 재사용 성과 유지 관리를위한 웹 구성 요소를 기반으로합니다.
시작하기 :
시작하기 전에 node.js 및 npm이 설치되어 있는지 확인하십시오. 그런 다음 다음을 사용하여 Cordova를 설치하십시오
이 튜토리얼은 Onsen UI 마스터--사단 템플릿을 사용합니다. 템플릿을 다운로드하고 추출한 후 프로젝트의 루트 디렉토리로 이동하여 Android 플랫폼을 추가하십시오 :
-
앱을 다음과 같이 모방합니다
간단한 앱 구축 :
이 자습서는 Onsen UI 구성 요소를 사용하여 로그인/등록 앱을 구축하고이를 FireBase (후속 부분)와 통합하는 것을 보여줍니다. 프로젝트 구조는 다음과 같습니다. -
폴더에는 HTML, CSS 및 JavaScript 파일이 있습니다. 시작하려면 - 's 태그의 내용을 지우십시오
구성 요소는 개별 화면에 대한
요소를 포함하는 페이지 탐색을 관리합니다. 는 앱 막대 역할을하는 반면 - 및 는 입력 양식을 만듭니다. 는 대화식 버튼을 제공합니다
샘플 로그인 화면 구조 :
를 사용하여 별도의 HTML 조각 ()으로 구현 된 등록 화면에는
및 와 함께 유사한 구성 요소가 포함되어 있습니다. 화면 간의 탐색은
전체 프로젝트는 Github에서 사용할 수 있습니다 [Github Repo 링크는 여기로 이동합니다].
자주 묻는 질문 :
이 섹션에는 원래 텍스트의 FAQ가 포함되어 있으며 더 나은 흐름과 간결함을 위해 다시 제작됩니다. 길이의 제약으로 인해 여기에서 생략하지만 완전한 응답에 포함됩니다. .
위 내용은 Onsen UI가 Cordova UI 개발에 대한 답변입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!