小程序开发——文件目录

上一篇我简单地介绍了一下小程序,现在我来介绍一下小程序工程里面的文件及其作用

先看一下小程序工程的界面,如下图
这里写图片描述

左边是模拟器,中间是文件目录,右边是具体的文件的内容。我们主要看中间的文件

  • 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是所有页面的入口,第一个就相当于打开小程序第一次进入的页面,你也可以调换顺序;里面的window是整个小程序的一些窗口配置,如navigationBar等这些配置
    app.wxss:这个和pages里面的.wxss文件的作用是一样,都是定义一些组件所需的样式,然后在.wxml里面通过class来引用,只是这个.wxss是可以作用于所有的.wxml文件,pages里面的.wxss只用于对应的.wxml

对于小程序工程的文件介绍就到这里,下一篇将对小程序的布局思想进行介绍https://blog.csdn.net/liumude123/article/details/80038998

猜你喜欢

转载自blog.csdn.net/liumude123/article/details/80037785
今日推荐