微信小程序云开发添加数据学习心得

学习来源：https://www.bilibili.com/video/BV1pE411C7Ca?p=6

微信小程序中代码如下

Index.xwml

<!-- 添加数据 -->

<input placeholder="输入名字" bindinput="addName"></input>

<input placeholder="输入年龄" bindinput="addAge"></input>

<button bindtap="addData" type="primary">添加数据</button>

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

Bindinput 监听输入事件

Bindtap 监听点击事件

type="primary" 绿色样式

Index.js

const DB = wx.cloud.database().collection("list")

微信小程序设置为云开发，在云数据库中新建list数据库。

var curDate = new Date()

获取当前时间

let name=""

let age=""

Page({

//获取用户输入的name

addName(event){

name=event.detail.value

},

//获取用户输入的age

addAge(event){

age=event.detail.value

},

// 添加数据

addData(){

DB.add({

data:{

name:name,

age:age,

time:new Date()

},

success(res){

console.log("添加成功",res)

},

fail(res){

console.log("添加失败",res)

}

})

}})