1.先上模糊查找最终成果
点击查询按钮后
2.思路
我们如果想要在前端查询一个数据,自然需要一个查询框,这里就是input输入框。然后点击“查询”button按钮后,就可以查询到数据,并且呈现在前端页面上。
3.前端页面
这里我们知道大致思路后,首先先写前端页面,仿照我的上一篇文章。我们首先先把input输入框和button按钮放入我们的from表单里面。
<form class="form1" bindsubmit="btnSbmit">
<view class="top">
<view class="inputtMeth">
<input class="inputMeth" placeholder="请输入查找用户姓名" id="inputName" name="inputName"></input>
</view>
<view class="buttonMeth">
<button class="BT" form-type="submit">查询</button>
</view>
</view>
</form>
4.后端
首先我们看到前端点击按钮后触发的函数是btnSbmit,所以我们在后端定义 btnSbmit:function(e),这里的e就是我们input里面写入的数据,有兴趣的同学可以根据我的上一篇文章,console.log()以下看以下这里面的e传过来的是什么数据。
定义完后我们可以看一下官方微信云开发数据库的查询文档
我们可以看到给的例子是已经是后台写好的固定查询,而不是前端传过来的值的查询。
下面就直接分别放出精确查找和模糊查找代码。
// 精确查询操作
btnSbmit: function (e) {
let that=this
const db = wx.cloud.database()
db.collection('userData').where({
//这里是判断语句 判断我数据库的数据name是否等于e.detail.value.inputName(前端传过来需要查询的人)
name: e.detail.value.inputName
}).get({
success: res =