微信程序开发入门

本文介绍了小程序的基本构成,如页面文件结构、App实例管理、生命周期钩子,以及标签和视图使用。重点讲解了数据存取、条件渲染及页面跳转。同时涵盖了关键概念如'view'和'text'标签,以及数组操作和模板语法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、小程序开发结构介绍

1.一个小程序页面由四个文件组成,分别是:

2.整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 实例,获取App上的数据或调用开发者注册在 App 上的函数。

3.生命周期

onLaunch() {
 console.log("初始化")
},
onShow (options) {
  console.log("开始显示")
},
onHide () {//界面切开被隐藏
  console.log("onHide")
},
onError (msg) {//报错
  console.log(msg)
}

 

二、标签介绍

view标签相当于div 占一行 是块状元素

text相当于行内的div 是行内元素

三、存取值

在对应的js里面定义

在页面中用{{}}的形式显示数据

 

 页面效果

 

 点击可跳转页面

数组定义:

 

 

for-index表示下标,key表示作为键

条件渲染

 

 页面效果

 

要在{{}}中渲染,否则都为true,包括三元运算符  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值