微信小程序云开发入门(3)之数据库的增删改查(增)

本文介绍了微信小程序中如何实现云数据库的增删改查操作,特别是聚焦于添加数据的步骤。首先强调了input输入框在form表单内的必要性,接着展示了wxml代码,用于创建input和提交按钮。在wxss部分,主要关注样式实现。在js中,讲解了submitform函数如何获取并处理表单数据,以及如何连接云数据库、新建集合并插入数据。最后提供了完整的js代码示例。
摘要由CSDN通过智能技术生成

1.思路
首先,如果我们需要同时上传多个数据(在我这个案例就是同时上传姓名,年龄,症状,数量数据到我的微信云数据库)。那么就要首先创建多个input。创建完毕后,我们就要考虑该进行什么操作后开始进行上传,在我们的html开发中,就是通过button组件,点击后执行相应函数。我们在这里也是如此,我们再创建一个button组件。
在这里我提前给大家排个坑,在微信小程序开发中,如果涉及到多个input输入框,需要在form表单下进行获取input值操作,否则会一直失败。

2.wxml:

1.首先根据我第一条思路,在from表单下面,我分别创建姓名,年龄,症状,数量的input输入框,并且分别创建“清空”,“提交”按钮,这里的提交按钮就是在我姓名,年龄,症状,数量input输入框输入完毕后,点击提交按钮,即可实现把input输入框内容全部上传至我的微信云数据库。

2.其中bindsubmit="submitform"是与最后面button提交按钮中form-type="submit"属性所对应的,点击提交按钮,即触发对form表单中所有input数据的获取操作,再根据input输入框中的name=“xxx”区分每一个input输入框的区别。

以下为我的wxml代码:

<view class="container">

  <view class="top">
    <text>请输入患者信息</text>
  </view>

  //在此form表单下可实现对input数据的获取
  //bindsubmit="submitform"是与最后面button提交按钮中form-type="submit"所对应的,点击提交按钮,即触发对form表单中所有input数据的获取操作
  <form bindsubmit="submitform">
    <view class="sectionName">
      <text class="textMeth">姓名</text>
      //input中placeholder="" 属性可实现输入文字后提示内容消失      根据name="xxx"可区分与下面输入框值的区别
      <input class="inputMeth"  name="inputName" placeholder="请输入姓名" ></input&
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值