fultter example app

플러터-애플

프로젝트 소개

완전하고 완전한 블록 모드 Flutter App 프로젝트. 아키텍처 스파 응용 프로그램에 더 중점을 둡니다.

이 프로젝트는 전체 아키텍처에 더 중점을두고 글로벌 Loading , 글로벌 Toast , 글로벌命名路由动画, SPA 통과하는 매개 변수와 같은 기능을 완료합니다. Bloc 모드에서 상태 관리, 원 클릭 피부 교체 및 기타 기능을 구현하십시오. 화면 적응을 인식하고 글로벌 로딩의 요청 캡슐화를 사용자 정의하고 전송, 테스트 및 생산 환경을 분리 할 수 ​​있습니다. WebView는 자연스럽게 그것을 가져야합니다. 대부분의 프로젝트는 Flutter Native API를 사용하여 수행됩니다. 소수의 기본 플러그인을 사용하십시오. 당신이 좋아한다면, 별을 제발, 포크하지 마십시오.

앱 강력한 업데이트 팁 :

• 가상 머신은 강력한 업데이트를 지원하지 않는 것으로 보이며 실제 시스템으로 시도해야합니다.

프로젝트 미리보기

프로젝트 계획

• ZFIT 화면 적응
• 라우테스셋 + 경로 데이터 리턴
• 사용자 정의 앱 데스크탑 아이콘 + 이름
• 무제한 회전 목마
• 이벤트 버스
• KOA2 + 노드 백엔드 서버
• 캡슐화 요청
• 스토리지 상태 로그인
• 페이지 전환 및 다시 그리기 문제를 해결하십시오
• 웹 뷰
• 새로 고침 + 풀업 하중을 당기십시오
• Keepa-live && 캐시 위젯
• 검색 기능
• 강제 앱 업데이트
• 드래그 스타일 정렬
• 블록 모드는 상태 관리를 구현합니다
• 한 번의 클릭 피부 교체
• 플러터 클래스를 다시 작성하십시오
• 글로벌 토스트 + 글로벌 대화 상자
• 글로벌 이름 지정 라우팅 애니메이션
• 스파 구현 (단일 페이지 응용 프로그램)
• 환경 분리
• 메타 데이터 (Flutter가 반사를 지원하지 않기 때문에, 끝)
• 블록 모델이 완벽합니다
• 완벽한 노드 아키텍처

디렉토리 구조

홈 디렉토리 :

• 자산 : 정적 파일
• 백엔드 : 모의 데이터

LIB 디렉토리 :

• 구성 : 구성 파일
• 도메인 : 엔티티 클래스
• 블록 : 논리 모듈
• 페이지 : 페이지
• 플러그인 : 독립형 구성 요소/플러그인
• 경로 : 경로
• 서비스 : 인터페이스 캡슐화 + API 주소
• 스타일 : 일반적인 스타일 클래스
• Utils : 도구
• 보기 : 재사용 가능한 위젯

주요 관리 문서

• service.dart : 요청 관리
• manager_page.dart : 단일 페이지 관리

노드 백엔드 :

1. node.js 를 설치하십시오
2. 프로젝트 back-end 디렉토리에 CD
3. 콘솔 실행 npm i
4. 콘솔에서 node server.js 실행하십시오
5. 서버를 성공적으로 시작했습니다
6. 팁 : config 파일에서 BaseUrl을 먼저 수정하십시오.
7. 팁 : 노드의로드 밸런싱/핫 재 장전을 시작하려면 PM2를 사용하십시오.

첨부 파일 : 로컬 디버깅 인 경우 BaseUrl에 IP + 端口사용하십시오.

끝 첨부 :

• 블록 모드
• SetState를 사용하지 않고 페이지를 새로 고칠 수 있습니다
• 여러 페이지에서 상태를 공유합니다.

Flutter API 문서