framework7 예제

Framework7에는 상자에서 바로 XHR 요청(Ajax)으로 작업할 수 있는 편리한 요청 라이브러리가 함께 제공됩니다. Framework7 클래스 Framework7.request의 요청 속성으로 사용할 수 있으며 초기화된 앱 인스턴스(app.request)에서 동일한 속성으로 사용할 수 있습니다. Framework7 응용 프로그램의 제공 된 공식 템플릿 중 일부를 사용 하는 경우, 그것은 당신이 쉽게 시작 하기 위해 완전 한 기능을 갖춘 HTML 파일 함께 제공. UrbanDictionary에서 임의의 정의를 표시하는 Framework7에 따라 간단한 웹 앱 그것은 또한 페이지 또는 팝업에 로그인 화면을 포함 할 수있다. 페이지 내부의 로그인 화면 의 예를 살펴 보자 : Framework7은 기본 색상 테마를 사용할 준비가 아홉 함께 제공됩니다. iOS 및 MD 테마의 색상은 공식 지침에 맞게 약간 다릅니다. 가장 관련성이 좋은 가이드 및 API에 대한 Template7 웹 사이트를 Сheck. 그러나 다운로드에 대한 부분을 건너 뛰고, 이미 Framework7에 포함되어 있습니다. 여기에서 당신은 단지 당신의 그 예술가를 얻을 수 있습니다. Framework7을 사용하는 가장 좋은 부분은 만든 코드를 준비하고 프로젝트에 붙여 넣기만 하면 나머지는 처리된다는 것입니다. 문서 섹션을 탐색, 기능 및 기능의 톤이 있다 탐구 한다.

문서 콘텐츠를 하나씩 살펴보고 시작 템플릿을 변경하면 됩니다. 기본 Html, js 및 CSS에 대한 충돌 코스가 필요한 경우 W3schools로 이동하십시오. 만약 당신이 어디에 나 붙어 스택 오버 플로우에 쿼리를 게시할 수 있습니다 또는 Framework7의 공식 포럼에 게시할 수 있습니다. 그리고 기억, 구글은 당신의 가장 친한 친구그래서 최대한 사용. 이제 Framework7을 다운로드/설치한 경우 레이아웃을 만들어 시작할 수 있습니다. Framework7 레이아웃 구조는 기본 모바일 장치를 대상으로 한다는 점을 감안할 때 매우 중요합니다. 다음은 일반적인 Framework7 HTML 레이아웃 페이지입니다: 이 앱은 데이터 기반 연락처 응용 프로그램을 빌드하기 위해 React와 함께 모바일 Framework7을 사용하는 예제를 보여줍니다. 자바 스크립트와 프레임 워크 7내장 우아하고 빠른 아이폰 OS 7 채팅 응용 프로그램은 채팅 지속성을 처리하기 위해 파이어 베이스를 사용하여. HTTP GET 요청을 사용하여 서버에서 데이터를 로드하려면 Framework7.request.get(url, 데이터, 성공, 오류, 데이터유형)을 사용합니다. 요청은 일반 XHR 개체를 반환합니다. 예: 세로 방향에서 Framework7은 필요한 스타일 수정을 자동으로 수행하지만 가로 방향에서는 일부 추가 클래스를 요소에 추가해야 합니다. 프레임워크 7.

그래서 구글 플레이에서 안드로이드에 대해 출시 된 Framework7 응용 프로그램은 쇼케이스에 들어갈 재료 또는 사용자 정의 테마로 만들어야하지만 iOS 테마는 하지 않아야합니다. Contacts7은 데이터 기반 연락처 응용 프로그램을 빌드하기 위한 MVC 방식으로 아름다운 Framework7을 사용하는 예제를 보여 주며, 이러한 예는 다음과 같은 예입니다. PhoneGap을 사용하면 쉽게 네이티브 iOS 7 응용 프로그램으로 변환 할 수 있습니다. 색상 테마를 적용하기 쉽습니다. 필요한 부모 요소에 색상 테마-[color] 클래스를 추가하기만 하면 됩니다. 본문, 앱 루트, 보기, 페이지, 탐색 모음, 도구 모음, 목록 블록 등이 될 수 있습니다. 예를 들어 Framework7에서는 다음 인스턴스 메서드를 사용하여 이벤트 처리기를 추가/제거할 수 있습니다. 그러나 Framework7 v2가 시작되기 며칠 전에. 그래서 혼란을 피하기 위해 나는이 튜토리얼이 Framework7 v1을 기반으로한다는 것을 명확히 할 수 있습니다.

이 자습서에서는 모든 기능을 갖춘 iOS 및 Android 응용 프로그램 Template7을 빌드할 때 Framework7을 시작하는 방법을 보여 드리겠습니다. 그것은 초경량 (약 1KB + gzipped) 빠른 타오르는 (모바일 사파리의 핸들 바보다 최대 3 배 빠름!) 이미 Framework7에 포함되어 있습니다. 따라서 추가 스크립트를 포함할 필요가 없습니다.