小程序(第一天)

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的样式,设置网络超时,以及是否为调试模式)


app.json文件包含的内容

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中获取。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容