작은 프로그램 구조 디렉토리

애플릿 프레임 워크는 자신의 뷰 레이어 기술 언어를 제공 WXML하고 WXSS,뿐만 아니라 JavaScript개발자는 데이터와 논리에 집중할 수 있도록, 이벤트 및 뷰 계층과 논리적 계층 사이의 데이터 전송 시스템을 제공한다.

공식 웹 사이트

1.1. 애플릿 파일 구조 및 대비 전통적인 웹

구조	전통적인 웹	작은 마이크로 채널 프로그램
구조	HTML	WXML
스타일	CSS	WXSS
논리	자바 스크립트	자바 스크립트
구성	아니오	JSON

위의 비교에 의해 얻어진 전통적인 웹은 3 층 구조이다. 애플릿은 마이크로 채널과 4 층 구조, 다층 인 구성 .json

1.2 기본 프로젝트 디렉토리

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils

1535877411954

둘째, 구성 소개

1. 구성 소개

작은 응용 프로그램은 두 가지 기본 구성 파일이 포함됩니다. 하나는 세계 app.json와 자신의 페이지page.json

참고 : 구성 파일은 주석에 표시 할 수 없습니다

1.1. 글로벌 app.json

app.json페이지 경로 애플릿 인터페이스 성능, 네트워크 타임 아웃, 탭 등의 바닥을 모두 포함하여 현재의 글로벌 구성 애플릿. 일반 퀵 스타트 프로젝트 내부 app.json구성

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

의미 필드

pages이 필드는 - 모든 클라이언트가 디렉토리에 정의 된 현재의 마이크로 채널 애플릿 페이지를 알 수 있도록하는 것입니다 현재 애플릿 페이지 경로를 설명하는 데 사용.
window필드 - 모든 페이지, 텍스트 색상 정의의 상단의 애플릿 배경 색상의 정의.
완전한 정보를 참조하시기 바랍니다 app.json 구성

1.2. page.json

다음은 page.json실제로 다음 페이지 카탈로그 표시하는 데 사용됩니다 page.json이러한 및 관련 구성 애플릿 페이지를.

각 페이지는 같은 이름의 작은 프로그램을 사용할 수있는 .json윈도우 성능이 페이지를 구성하는 파일

독립 개발자 풀다운 새로 고침 등을 허용할지 여부 등 정상 색상으로 각 페이지의 속성을 정의 할 수 있습니다.

구성 페이지에만 설정할 수 app.json의 일부 window구성 항목의 내용, 구성 항목은 페이지에 포함됩니다 app.json의 window동일한 구성 항목.

예를 들면 :

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

재산	유형	기본 값	기술
navigationBarBackgroundColor	HexColor	# 000000	네비게이션 바 배경 색상과 같은 `#000000`
navigationBarTextStyle	끈	화이트	네비게이션 바 제목 색상은 만 지원 `black`/`white`
navigationBarTitleText	끈		탐색 모음 제목 텍스트
배경색	HexColor	#FFFFFF	윈도우의 배경 색상
backgroundTextStyle	끈	어두운	풀다운 스타일을 넣기 만 지원 `dark`/`light`
enablePullDownRefresh	부울	그릇된	글로벌 개방 드롭 다운 새로 고침 여부. 참조 Page.onPullDownRefresh
onReachBottomDistance	번호	(50)	페이지 하단의 거리, 단위는 픽셀 이벤트 페이지에서 방아쇠를 당겨 바닥으로되어있다. 참조 Page.onReachBottom를
disableScroll	부울	그릇된	설정 `true`전체 캔 스크롤하지 페이지와 아래로, 유일하게 유효한 구성 페이지, 당신은 할 수없는 `app.json`이 설정

마이크로 채널 구조 및 구성 애플릿 디렉토리 설명