微信小程序入坑系列(一)
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的注册,页面路由,数据更新,事件触发。
最后贴个简陋的效果吧,千里之行,始于足下。