微信小程序学习(3)_目录文件详解
2016-11-03 本文已影响88人
GitHubClub
一、目录文件详解
1.首先看下根目录下的app.json的文件,可以看到在"pages"的数组里,里面配置了每个界面,且包含了每个界面文件的目录
这里写图片描述2.可以看到每个页面需要包含两个文件,一个是js文件,是每个界面的入口,wxml的文件是每个界面的布局文件,那wxss是什么呢?它是每个界面的样式文件。比如:看下图可以看到,创建新的项目有两个界面,一个是index.js界面,一个是logs.js的界面,且都有对应的布局文件(.wxml)和样式文件(.wxss)
这里写图片描述3.可以看到在logs文件夹中比index文件夹中多出了一个logs.json的文件,这个文件是干嘛的呢?可见,这个文件不是必须的,因为index界面的文件夹中就没有这个文件,logs.json这个文件配置了一个界面的title的信息
这里写图片描述 这里写图片描述具体效果可以看下gif图
这里写图片描述二、总结
1.根目录下的app.js是整个程序的入口,app.json配置整个程序的信息
2.一个微信小程序必需包含的文件只需要有app.js和app.json以及对应界面的js文件和布局文件(.wxml)就可以了