微信小程序开发系列(二)

新创建完的项目,我们先来看一下项目结构,在开发之前,对每一个文件一定熟悉它们的作用,这一点很重要,看下图。

这长图就是小程序项目的目录结构,下面我们分别说一下它们是做什么用的吧。

1、首先我们说一下app.json这个文件,它是微信小程序进行全局配置,通过它可以设置页面文件的路径、窗口表现、设置网络超时时间、设置 tab 等等。

首先看一个典型的全局配置app.json文件。

{

  "pages":[

    "pages/index/index",

    "pages/logs/logs"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle":"black"

  },

  "tabBar": {

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页"

    }, {

      "pagePath": "pages/logs/logs",

      "text": "日志"

    }]

  },

  "networkTimeout": {

    "request": 10000,

    "downloadFile": 10000

  },

  "style": "v2",

  "sitemapLocation": "sitemap.json"

}

接下来附上一张图说明一下它的配置参数。

这一块的参数具体说明不再一一列举,有不懂的可以给我留言,看到一一回复,下面说一下app.js、app.wxss,这两个文件可以用来设置全局变量和全局页面样式。你可以在app.js中定义全局变量和公共函数,它也是整个项目的入口文件,下面附上一张图来说明。

你可以这样定义一个公共变量来全局使用

那么其他页面怎么使用这个变量呢,接着往下看。

在要使用页面的最上方加上这句话

const App = getApp()

然后再加使用的地方

App.globalData.name就可以拿到这个值了,是不是非常简单啊。

接下来我们说一下app.wxss这个文件

基本的公共文件就讲到这里,下节课继续,有不懂的欢迎给我留言。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值