小程序将for密山市E企盈小程序m表单数据写入云数据库

先将form表单写入开通本田小程序电话:4006-838-530Page的data，接着再从data里取出来写入数据库？或者直接获取form表单数据时就写进数据库，无须更新page里面的data，不过，如果要在其他页面再写数据库的话，还是先更新页面的data，再在其他页面取出该页面的data进行相关的操作吧。page_02.wxml 1 view class=’forms’ 2   form bindsubmit=’getForm’ 3     view class=’getform’ 4       view用戶名: 5         input type=’text’ name=’username’ placeholder=’請輸入用戶名’/ 6       /view 7       view年齡: 8         input type=’text’ name=’age’ placeholder=’請輸入年齡’/input 9       /view10       view性別:11         input type=’text’ name=’gender’ placeholder=’請輸入性別’/input12       /view 13     /view14 15     view class=”btn-area”16        button formType=”submit”Submit/button17     /view18   /form19 20    view class=”btn-area”21        button bindtap=’getData’Get/button22     /view23 /view

20~22行是操作数据库的按钮page_02.wxss样式没写，保持最原始的.btn-a开通哈根达斯小程序电话:4006-838-530rea{  background-color: #e4e4e4;  width: 30%;  margin: auto; /*居中處理*/  border-radius: 20rpx;  margin-top: 10px;}

  page_02.js主要有两个函数，getForm是用form表单的数据更新page里面的datagetData用来取出data中的数据写入云数据库，该函数使用了promise风格 1 // pages/page_02/page_02.js 2 Page({ 3 4   /** 5   * 页面的初始数据 6    */ 7  data: { 8     username:””, 9     age:0,10     gender:””11 12  },13 14   /**15   * 生命周期函数–监听页面加载16    */17   onLoad: function (options) {18 19  },20 21   /**22   * 生命周期函数–监听页面初次渲染完成23    */24   onReady: function开通毛笔小程序电话:4006-838-530 () {25 26  },27 28   getForm:function(e){29     var formdata = e.detail.value;30     this.setData({31       “data.username”:formdata.username,32       “data.age”:formdata.age,33       “data.gender”:formdata.gender34    })35     console.log(“更新data”,e)36  },37 38   getData:function(e){39     var getdata = this.data;40     const db = wx.cloud.database();41     db.collection(“user_info”).add({42      data:{43        username:getdata.data.username,44        age:getdata.data.age,45        gender:getdata.data.gender46      }47     }).then(res={48       console.log(“添加至數據庫成功”,res)49     }).catch(res={50       console.log(“添加失敗”,res)51    })52  }53 })

 最后的效果如下：