WeChatアプレットの共有ファイル構造ディレクトリ分析

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

2.utils目录

utils目录放的是我们工具脚本文件，我们在操作页面或者解析数据的时候常常需要写一些方法，通常是写在我们各自页面.js文件中或者是全局的app.js页面中，我们通常将一些复杂的逻辑代码抽取出来放在一个文件中封装成一个个函数，这样可以实现代码的模块化，也可以大量减少编写重复功能代码这类的工作。
把公共的方法封装起来，然后使用时需要先引入这个工具js文件，例如在系统给我们创建的小实例中，logs页面中的脚本文件logs.js需要引用utils目录下util.js中的formatTime（）方法，使用前他需要使用var util = require('../../utils/util.js')引入util.js文件：

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

引入之后直接使用

util.formatTime(new Date(log))

复制代码
来使用这个方法并传入参数即可。

3.app.js
app.js 是微信小程序全局逻辑脚本，小程序启动会执行该文件内的部分方法如onLaunch方法。所以一些全局初始化的工作可以在这个文件中相应的方法中执行。

4.app.wxss
app.wxss 是小程序全局样式文件，在此文件中定义的样式，整个程序都可以直接使用，所以可以把一些公共的样式放在这个文件中，以免编写重复的样式。

默认的，该文件就包含.container样式，

/**app.wxss**/ 
.container { 
height: 100%; 
display: flex; 
flex-direction: column; 
align-items: center; 
justify-content: space-between; 
padding: 200rpx 0; 
box-sizing: border-box; 
}

该样式一边用于外部容器组件中，在所有页面中都可以直接使用。
如果在pages目录下的指定页面，重写了.container的样式，那么这个页面的样式将会覆盖全局的样式。

5.app.json

app.json是全局的配置文件，

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

配置项如下边所示：
[tr]属性类型必填描述[/tr]

其中：

window设置列表如下：

[tr]属性类型默认值描述[/tr]

tabBar设置列表如下：
[tr]属性类型必填默认值描述[/tr]

ここで list は配列を受け入れ、配列内の各項目はオブジェクトであり、その属性値は次のとおりです:
[tr]属性の型 必要な説明[/tr]

ネットワークタイムアウト: ネットワークリクエストのタイムアウト時間をそれぞれ設定します。
属性の説明:
[tr]属性タイプに必要な説明[/tr]

各アプレット ページは、.json ファイルを使用してこのページを更新することもできます ウィンドウの動作が構成されます。 ページの構成は、app.json のグローバル構成よりもはるかに単純です。app.json のウィンドウ構成項目の内容を設定するだけで、ページ内の構成項目はアプリのウィンドウ内の同じ構成項目を上書きします。ジェソン。
ページの .json は、このページのウィンドウのパフォーマンスを決定するためにウィンドウ関連の設定項目のみを設定できるため、次のようなウィンドウ キーを記述する必要はありません。
[tr]属性タイプのデフォルト値の説明[/tr] ]

以上がWeChatアプレットの共有ファイル構造ディレクトリ分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。