小程序连表查询(lookup

简介: 该文介绍了小程序实现连表查询的步骤。首先展示效果图,然后通过创建数据库表和云函数来完成连表查询,其中云函数使用了`aggregate`、`match`、`lookup`方法连接'zuowei'和'eara'表。接着,将云函数部署并调用,通过`wx.cloud.callFunction`获取查询结果。最后提醒读者点赞并邀请访问作者个人网站。

@[toc]

小程序连表查询(lookup)

1.看效果图

image.png

2.建立数据库

image.png

我是座位表需要和座位对应的区域进行连表查询。
所以把关联内容选成了区域,把字段选成了文档id。

3.建立云函数

在这里插入图片描述
index.js代码

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
   
   
  env:'code-2gnz4awt05dffd1e'
})
const db=cloud.database()
// 云函数入口函数
exports.main = async (event, context) => {
   
   
  var listid=event.listid
  console.log("rfr",listid)
    return await db.collection('zuowei').aggregate().match({
   
   
      _id:listid
    })
    .lookup({
   
   
      from:'eara',
      localField:'gl',
      foreignField:'_id',
      as:'zwlist'
    })
    .end()
}
1.关联在那个表中首先就是要查寻对应表中的信息。
2. localField是你关联的字段名
3. foreignField对应关数据的字段名
4. as:重构一个数组用于存放查到的数据。

4.部署云函数

右键选择上传云函数。这个步骤一定要做。

5.查询数据

wx.cloud.callFunction({
   
   
    name:'getzwlist',
    data:{
   
   
      listid:options.id
    },
    complete:res=>{
   
   
      console.log('ded',res.result.list)
      this.setData({
   
   
        list:res.result.list
      })
    }
  })

其中data中传过去对应需要查询表的id号。

6.总结

记得点赞哦!!!
欢迎访问个人网站—去访问

目录
相关文章
|
9天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的自驾游攻略查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的自驾游攻略查询系统附带文章和源代码部署视频讲解等
15 6
|
9天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的高考志愿填报自助查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的高考志愿填报自助查询系统附带文章和源代码部署视频讲解等
24 7
|
4天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的速达物流信息查询微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的速达物流信息查询微信小程序的详细设计和实现
6 0
|
9天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的即时空教室查询小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的即时空教室查询小程序的详细设计和实现
10 2
|
10天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的武汉市公交路线查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的武汉市公交路线查询系统附带文章和源代码部署视频讲解等
8 0
|
11天前
|
Java 测试技术 数据安全/隐私保护
基于ssm+vue.js+uniapp小程序的城市公交在线查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的城市公交在线查询系统附带文章和源代码部署视频讲解等
6 0
基于ssm+vue.js+uniapp小程序的城市公交在线查询系统附带文章和源代码部署视频讲解等
|
11天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的计算机实验室排课与查询系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的计算机实验室排课与查询系统的详细设计和实现
9 0
基于SpringBoot+Vue+uniapp微信小程序的计算机实验室排课与查询系统的详细设计和实现
|
12天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的网络直播带货查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的网络直播带货查询系统附带文章和源代码部署视频讲解等
15 4
|
13天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的四六级报名与成绩查询系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的四六级报名与成绩查询系统附带文章和源代码部署视频讲解等
13 1
|
13天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等
15 0
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等

热门文章

最新文章