プロジェクトのディレクトリ構造:
.
│ app.js # 小程序逻辑文件
│ app.json # 全局配置文件
│ app.wxss # 全局样式文件
│ project.config.json # 工具/项目配置文件
│ sitemap.json # 索引配置文件
│
├─pages # 小程序的各个页面文件夹
│ ├─index # index页面
│ │ index.js # 页面逻辑
│ │ index.json # 页面配置
│ │ index.wxml # 页面结构
│ │ index.wxss # 页面样式
│ │
│ └─logs # logs页面
│ logs.js # 页面逻辑
│ logs.json # 页面配置
│ logs.wxml # 页面结构
│ logs.wxss # 页面样式
│
└─utils
util.js # 提供公共方法/函数,作为一个模块(模块只有通过 module.exports 或者 exports 才能对外暴露接口)
ファイルの種類と概要:
ファイルの種類 | 説明 | 特徴 |
---|---|---|
.json | JSON構成ファイル | 静的構成、参照:JSON構成 |
.wxml | WXMLテンプレートファイル | HTMLと同様に、現在のページの構造を説明します。リファレンス:WXMLテンプレート、WXMLの紹介、WXML構文リファレンス |
.wxss | WXSSスタイルファイル | CSSのほとんどの機能、拡張機能(サイズ単位、スタイルのインポート)があります。参考:WXSSスタイル、WXSS紹介 |
.js | JSスクリプトロジックファイル | ユーザーの操作の処理、ユーザーのクリックへの応答、ユーザーの場所の取得など。参照先:JSロジックの相互作用 |
Webフロントエンド開発テクノロジーとの類似性:
wxml
HTMLファイルと同様に、ページのタグとスケルトンを書き込むために使用されますが、アプレットによってカプセル化されたコンポーネントのみを使用できます。wxss
CSSファイルに似ていますが、ページスタイルの記述に使用されますが、cssファイルがwxssファイルに置き換えられる点が異なります。js 文件
フロントエンドプログラミングのJavaScriptファイルと同様に、アプレットのページロジックを記述するために使用されます。json 文件
ページのスタイルと動作を構成するために使用されます。
グローバル構成ファイルの概要:
ファイル | 説明 | 特徴 | 参照文書 |
---|---|---|---|
app.js |
グローバル構成jsファイル | アプリケーションオブジェクトの作成に使用されるプロジェクトのエントリファイル | 登録ミニプログラムリファレンスドキュメント |
app.wxss |
グローバルスタイル構成ファイル | アプリケーションオブジェクトの作成に使用されるプロジェクトのエントリファイル | WXSS使用リファレンスドキュメント |
app.json |
ミニプログラムグローバル設定ファイル | アプレットのすべてのページパス、インターフェイスパフォーマンス、ネットワークタイムアウト、下部タブなどを含みます | ミニプログラムグローバル構成リファレンスドキュメント |
project.config.json |
ツール構成ファイル | インターフェイスの色、コンパイル構成などのパーソナライズされた構成。 | ツール/プロジェクトグローバル構成ファイルリファレンスドキュメント |
sitemap.json |
インデックスプロファイル | アプレットとそのページにWeChatによるインデックス作成を許可するかどうかを構成するために使用されます。 ユーザーの検索用語がインデックスをトリガーすると、アプレットのページが検索結果に表示される場合があります |
インデックス設定ファイルリファレンスドキュメント |
pagesディレクトリのローカル変数:
- 各ページは、同じ名前の
.json
ファイルの小さなプログラムを使用して、このページのウィンドウパフォーマンスを構成できます。ページ構成項目はapp.json
、window
同じ構成項目でカバーされます。 - ページ構成は、このページのウィンドウパフォーマンスを決定するため
app.json
にwindow
、対応する構成アイテムでのみ設定できwindow
ます。このプロパティを記述する必要はありません。