小型マイクロチャネルアプリケーション開発スタートの基礎

ここで、「指推測ゲーム」アプレットの記述例と:
ここではそれらを繰り返さない、小さなプログラムの口座開設ツールは比較的単純でダウンロードし、登録します。

  • まず、開発ツール

:名前は開発ツールとして以下のインタフェースは、公式サイトをダウンロードすることができ、マイクロチャネルの開発ツールと呼ばれている
プレビュー領域、シミュレーションを含めて、編集コード領域、ゾーンのデバッグ、左上隅に3つの緑色のボタンに対応:インタフェースは、3つのエリアがあります。
ここに画像を挿入説明

  • 第二に、ファイルタイプ

4ファイルの種類の合計:

1.wxml:マイクロレターテンプレートファイル、Web開発htmlファイルに似ています。

2.wxss:マイクロチャネルスタイルシートファイル、ページスタイルに予定。

3.js:スクリプトファイルは、この内のコードのロジックを記述します。

4.json:静的データの設定ファイル。

  • 第三に、プロジェクト構造

ここに画像を挿入説明
:2つの非常に重要な文書があります
1.ファイルapp.json-グローバルプロファイルアプレット
以下のコード例は、

{
  "pages": [
    "pages/index/index"
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#363527",
    "navigationBarTitleText": "石头剪刀布",
    "navigationBarTextStyle": "white"
  },
  "sitemapLocation": "sitemap.json"
}

このドキュメントの鍵管理アプレットページパス、インターフェースのスタイル(タイトル、背景色、フォントの色)、ネットワークタイムアウト、タブの下部などを含め、グローバルコンフィギュレーションアプレット。

ファイルフォルダ内で定義された各フォルダJSONは、スタイルのインターフェースwxml、あなたはapp.jsonのグローバルスタイルを上書きすることができます

2.project.config.json-開発者ツールの設定

このファイルは、このような画面の色、ビルド構成、および上のように開発者向けツールのカスタマイズを定義するために使用されます。

NPMは、すべて私たちがコンピュータを変更した場合、すべての素敵なライブラリ名とバージョン情報を記録し、実際には、過去のファイルコピーの前にダウンロードされていない私たちは、このファイルをダウンロードし、三者ライブラリはpackage.jsonファイルを生成しますダウンロードするために使用を知っているが、唯一のコピーpackage.jsonを再度実行するダウンロードあなたが必要とする三者のライブラリを復元することができます。

似たようproject.config.jsonがそう、それはあなたのコンピュータを変更した場合、あなたはこの文書を直接還元習慣のあなたの最初の開発を設定することができ、開発者向けツールのためにあなたの設定を保存します。

  • IVページジャンプ
    1が示すように、第1のプログラム、入口app.json制御ファイルに入り、ページの入口/インデックス/ index.wxmlファイル
{
  "pages": [
    "pages/index/index",(说明:第一行的这个页面代表小程序的入口)
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#363527",
    "navigationBarTitleText": "石头剪刀布",
    "navigationBarTextStyle": "white"
  },
  "sitemapLocation": "sitemap.json"
}

どのようにの2ページ目に2.
別のページにジャンプする]をクリックし、イベントを結合ジャンプボタンにページ/インデックス/ index.wxmlファイル内のボタンを設定します。

index.wxmlファイル、コードサンプル

        <navigator url="../ts/ts" 
        hover-class="navigator-hover"
         open-type="switchTab">我是个按钮demo
         </navigator>
  • 5つの新しいページ

ベストプラクティスにある:
1.ページファイルパスのページに直接配列app.jsonを追加します
。2. Ctrl + Sを押し、保存
自動的に新しいページを生成するフォルダページ、そうすることはより便利で保険です。

公開された17元の記事 ウォン称賛16 ビュー509

おすすめ

転載: blog.csdn.net/weixin_42197396/article/details/104975088