微信小程序入坑系列(一)

2016-11-20  本文已影响0人  好知行

微信小程序出来有一段时间了,目前正处于公测阶段,官方还不给个人注册。。好在我发现开发工具可以下载,也能够开发模拟器程序,虽然很无奈不能上传应用和限制了部分API,但就个人学习而言也够了。所以跨过注册啊、工具啊、创建项目什么的,咱们直接入坑啃代码。

1.项目结构


1.1  小程序的核心

就和我们以往的开发项目一样,你的项目工程一定会有一些核心文件组成的主体部分,而小程序的核心文件如下:

这三个文件必须放在根目录下,微信小程序会读取这些文件,并生成小程序实例。

1.2 小程序的用户界面

既然小程序是用来和用户直接打交道的,那必然少不了用户界面的。小程序的用户界面集中放在pages目录下,pages内包含1~N个独立页面,每个独立页面最多由四个文件组成:

为了方便开发者少配置项,规定描述页面的四个文件必须具有相同的路径与文件名,如图:

2.全局配置


2.1 app.json的说明

app.json文件负责对微信小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多个tab等。

2.2 app.json配置项扫盲

2.3 pages

接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。

2.4 TabBar

如果我们的小程序是一个多tab应用,那么我们可以通过tabBar配置指定的tab栏的样式,以及tab切换时的对应页面。tabBar是一个数组,只能配置最少2个最多5个tab,tab安数组的数序排序。

其中的list属性,必须接受一个数组,数组中的每一项都是一个对象,属性如下:

2.5 networkTimeout

networkTimeout负责设置各种网络请求时间

2.6 debug

可以在开发者工具中开启debug模式,在开发者工具的控制台面板,调试信息以info的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发。


最后贴个简陋的效果吧,千里之行,始于足下。

上一篇下一篇

猜你喜欢

热点阅读