上一篇我简单地介绍了一下小程序,现在我来介绍一下小程序工程里面的文件及其作用
先看一下小程序工程的界面,如下图
左边是模拟器,中间是文件目录,右边是具体的文件的内容。我们主要看中间的文件
- pages
pages文件夹下面的是页面相关的文件,home这个是我新建的一个页面。新建一个page时,会产生4个文件
.js文件:其实就相当于APP的controller,里面包括data(页面数据,相当于全局变量),页面的生命周期函数
.json:可以配置navigationBar的一些信息
.wxml:布局文件,相当于APP的view
.wxss:定义布局文件的一些组件的样式,在这里定义好之后,在.wxml里面就可以直接通过class来引用了 - utils
这里存放的是.js文件,与pages里面的.js文件不同,这里的.js文件是一些公共类文件 - app
下面还有app.js, app.json, app.wxss。
app.js:里面的App是用于启动时做一些内容加载请求使用,是小程序未进入首页之前的,相当于iOS的AppDelegate;里面的globalData存放全局变量,可以在任何一个.js文件里面被调用,相当于iOS的PrefixHeader.pch
app.json:里面的pages是所有页面的入口,第一个就相当于打开小程序第