一、实现from表单提交,并保存在云开发的数据库
(一)wxml部分
(1)这段代码实现了一个包含表单提交的小程序页面,当用户点击提交按钮时,表单数据会被保存在名为 "users" 的集合中。在此示例中,假设您已经配置了云开发环境并且小程序已经具有相应的权限。
(2)请确保在使用上述代码之前,您已经在微信开发者工具中创建了一个云开发环境,并且在小程序的 app.js 中初始化了云开发环境。
// 小程序页面 wxml 文件
<view>
<form bindsubmit="formSubmit">
<input name="name" placeholder="姓名" />
<input name="email" placeholder="邮箱" />
<button formType="submit">提交</button>
</form>
</view>
(二)wxjs代码
// 小程序页面 js 文件
const app = getApp()
Page({
formSubmit: function(e) {
const db = wx.cloud.database()
db.collection('users').add({
data: {
name: e.detail.value.name,
email: e.detail.value.email
},
success: function(res) {
console.log('提交成功', res)
wx.showToast({
title: '提交成功',
icon: 'success',
duration: 2000
})
},
fail: function(err) {
console.error('提交失败', err)
wx.showToast({
title: '提交失败',
icon: 'none',
duration: 2000
})
}
})
}
})