WeChatアプレット開発研究ノート(2)-プロジェクトディレクトリとファイル分析

プロジェクトのディレクトリ構造:

.
│  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フロントエンド開発テクノロジーとの類似性:

  • wxmlHTMLファイルと同様に、ページのタグとスケルトンを書き込むために使用されますが、アプレットによってカプセル化されたコンポーネントのみを使用できます。
  • wxss CSSファイルに似ていますが、ページスタイルの記述に使用されますが、cssファイルがwxssファイルに置き換えられる点が異なります。
  • js 文件フロントエンドプログラミングのJavaScriptファイルと同様に、アプレットのページロジックを記述するために使用されます。
  • json 文件ページのスタイルと動作を構成するために使用されます。

グローバル構成ファイルの概要:

グローバル構成リファレンスドキュメント

ファイル 説明 特徴 参照文書
app.js グローバル構成jsファイル アプリケーションオブジェクトの作成に使用されるプロジェクトのエントリファイル 登録ミニプログラムリファレンスドキュメント
app.wxss グローバルスタイル構成ファイル アプリケーションオブジェクトの作成に使用されるプロジェクトのエントリファイル WXSS使用リファレンスドキュメント
app.json ミニプログラムグローバル設定ファイル アプレットのすべてのページパス、インターフェイスパフォーマンス、ネットワークタイムアウト、下部タブなどを含みます ミニプログラムグローバル構成リファレンスドキュメント
project.config.json ツール構成ファイル インターフェイスの色、コンパイル構成などのパーソナライズされた構成。 ツール/プロジェクトグローバル構成ファイルリファレンスドキュメント
sitemap.json インデックスプロファイル アプレットとそのページにWeChatによるインデックス作成を許可するかどうかを構成するために使用されます。
ユーザーの検索用語がインデックスをトリガーすると、アプレットのページが検索結果に表示される場合があります
インデックス設定ファイルリファレンスドキュメント

pagesディレクトリのローカル変数:

ページ構成リファレンスドキュメント

  • 各ページは、同じ名前の.jsonファイルの小さなプログラムを使用して、このページのウィンドウパフォーマンスを構成できます。ページ構成項目はapp.jsonwindow同じ構成項目でカバーされます。
  • ページ構成は、このページのウィンドウパフォーマンスを決定するためapp.jsonwindow、対応する構成アイテムのみ設定できwindowます。このプロパティを記述する必要はありません

おすすめ

転載: blog.csdn.net/p1279030826/article/details/113740392