1. 下载并安装开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018621
创建第一个Demo
(https://developers.weixin.qq.com/miniprogram/dev/)

如果没有小程序开发权限可选择 体验:小程序/小游戏;默认选择“建立普通快速启动模板” 即可。确定后将创建一个小程序项目,

其层次分为:一级:page目录 utils目录 app.js app.json app.wxss project.config.json
1.Page目录存放页面(页面布局<index.wxml>,样式<index.wxss>,页面控制<index.js>,和页面配置<**.json>)
2.Utils 存放通用方法,工具方法等
3.app.json 小程序的全局配置文件 (包括页面注册,窗口样式配置,底部Tab及Tab的样式,设置网络超时,以及是否为调试模式)

4. app.js 注册小程序,通过getApp() 可获得其全局App对象,可做小程序的初始化工作
5.app.wxss 全局样式 相当于前端的(css)
6.project.config.json 项目配置文件。
7.页面路由(栈)通过getCurrentPages()获取当前页面栈的实例(数组)

触发路由的方式

Tips:
1. navigateTo, redirectTo 只能打开非 tabBar 页面。
2. switchTab 只能打开 tabBar 页面。
3. reLaunch 可以打开任意页面。
4. 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
5. 调用页面路由带的参数可以在目标页面的onLoad中获取。
网友评论