【小程序】项目开始需知

文件结构：

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件	必填	作用
app.js	是	小程序逻辑
app.json	是	小程序公共设置
app.wxss	否	小程序公共样式表

 

　　　　　

　

 

一个小程序页面由四个文件组成，分别是：

文件类型	必填	作用
js	是	页面逻辑
wxml	是	页面结构
wxss	否	页面样式表
json	否	页面配置

 

 

 

 

 

 

注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

 

开始:

　　。要在根目录创建如下图红框三个重要文件:

　　　　

　　。然后创建一个存放每个模块的文件夹：

　　　　

　　。在存放模块文件夹中创建模块文件夹：

　　　　

　　。创建的模块需要注册到根目录的app.json中：

　　　　

　　。在模块创建小程序页面：

　　　　1,小程序页面由四个文件组成:

　　　　　　示例图:

　　　　　　　　　

　　　　　　注意:

　　　　　　　　如上图模块下的文件名必须和模块名相同

　　。创建存放图片文件夹:

　　　　。示例图:

　　　　　　

　　　　。注意:

　　　　　　图片文件夹不需要注册到app.json,直接在需要引用的图片的地方从根目录引用即可:

　　　　　　　　例如:

　　　　　　　　　　<image src="/images/图片名.png"></image>

　　

　　。如果你想设置导航条的相关内容：

　　　　。示例图:

　　　　　　

 

　　　　。只需在app.json添加相关参数即可：

　　　　　　

　　　　。更详细参数请到如下地址查看:

　　　　　　https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#window