小程序开发——文件目录

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

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

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

  • 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是所有页面的入口,第一个就相当于打开小程序第
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,关于微信小程序开发和电影小程序的基础目录和欢迎页面的创建,我可以为您提供一些帮助。 1. 基础目录的创建 在微信开发者工具中创建一个新的小程序项目,会自动生成一些基础的目录文件。其中比较重要的有以下几个: - app.js:小程序的入口文件,可以在这里定义全局的变量和函数。 - app.json:小程序的全局配置文件,可以设置小程序的页面路径、窗口设置、导航栏样式等。 - pages/:小程序的页面目录,可以在这里创建小程序的各个页面。 - utils/:小程序的工具目录,可以在这里封装一些公用的函数和工具类。 2. 欢迎页面的创建 在小程序的根目录下,创建一个名为“index”的页面,作为小程序的欢迎页面。具体步骤如下: - 在pages目录下创建一个名为“index”的目录,然后在该目录下创建一个名为“index.wxml”的文件。这个文件就是欢迎页面的布局文件,可以在里面定义页面的结构和样式。 - 创建一个名为“index.js”的文件,这个文件是欢迎页面的逻辑文件,可以在里面定义页面的事件处理函数和数据。 - 在app.json文件中,将“index”页面设置为小程序的启动页面,即将“index”页面的路径配置到“pages”数组的第一个元素中。 至此,您已经成功创建了微信小程序的基础目录和欢迎页面。接下来,您可以根据自己的需求,添加更多的页面和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值