美文网首页
小程序(第一天)

小程序(第一天)

作者: 我真的很喜欢 | 来源:发表于2018-06-26 20:34 被阅读0次

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

    相关文章

      网友评论

          本文标题:小程序(第一天)

          本文链接:https://www.haomeiwen.com/subject/ehfmyftx.html