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

小程序(第一天)

作者: 我真的很喜欢 | 来源:发表于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中获取。

相关文章

  • 小程序未能成为APP们的救命稻草,未来更是让人担忧

    从小程序开始公测第一天“所有的技术群都成了小程序群”,所有的开发者都成了小程序开发者,所有的公众号都成了小程序的义...

  • 跟着叁壹绘画来打卡

    初识小程序“小打卡”,发现了叁壹绘画,打卡第一天——可爱的鼠小弟,甜蜜的梦想家园

  • 2018-12-04 留影

    英语书写按老师要求拍照上传至打卡小程序。第一天,按时完成作业!✌

  • 【翼签到】微信小程序实战

    上班实习的第一天,接到任务,要求开发一个微信小程序。小程序名为【翼签到】,用作公司内部发布大会消息和报名签到。接到...

  • 小程序(第一天)

    1. 下载并安装开发工具 https://developers.weixin.qq.com/miniprogram...

  • 潍坊小程序开发

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序开发制作

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 也来谈谈微信小程序

    尴尬 1月9号,微信小程序正式发布第一天就接到领导们的任务,我需要快速对小程序的特点进行分析,并结合公司目前的产品...

  • 蔬菜生鲜小程序制作

    小程序 | 小程序制作 | 小程序入口 | 小程序注册 | 小程序直播 | 小程序电商 | 社交电商 | 社区团购...

  • 微信小程序开发平台招商加盟

    微信小程序开发 我们做:简单小程序 门店小程序,附近小程序 功能型,预约型小程序 企业模板小程序 点餐外卖小程序 ...

网友评论

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

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