小さなプログラム構造のディレクトリ

アプレットフレームワークは、独自のビュー層記述言語を提供するWXMLとWXSS、同様にJavaScript、そして開発者は、データと論理に集中することができ、イベントおよびビュー層と論理層の間のデータ伝送システムを提供します。

1.1。アプレットのファイル構造とは対照的、伝統的なウェブ

構造	従来のWeb	小型マイクロチャネルプログラム
構造	HTML	WXML
スタイル	CSS	WXSS
ロジック	ジャバスクリプト	ジャバスクリプト
コンフィギュレーション	ノー	JSON

上記の比較によって得られた、伝統的なウェブは三層構造です。アプレットは、マイクロチャネルと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.コンフィギュレーションはじめに

小さなアプリケーション・プログラムは、2つの基本的な設定ファイルが含まれます。一つは、世界的である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	弦		ナビゲーションバーのタイトルテキスト
backgroundColorの	HexColor	#FFFFFF	ウィンドウの背景色
backgroundTextStyle	弦	ダーク	プルダウンスタイル、唯一のサポートをロード`dark`/`light`
enablePullDownRefresh	ブーリアン	偽	グローバルオープンドロップダウンリフレッシュするかどうか。参照してくださいPage.onPullDownRefresh
onReachBottomDistance	数	50	ページの一番下からの距離、単位はピクセルは、イベントページに引き金を引く底打ちされます。参照してくださいPage.onReachBottomを
disableScroll	ブーリアン	偽	設定して`true`上下にスクロールし、全体ではなく、缶としてページを、唯一の有効な設定ページ、あなたがすることはできません`app.json`。この中に設定します

マイクロチャネル構造や構成アプレットディレクトリが説明します