Vue Js & Firebase 关系查询问题

Question

我正在使用 Vue Js 和 Firebase 创建一个项目。从两个表中查询关系数据时遇到一些问题。我已经对 SQL 数据库关系系统有所了解。但由于 Firebase 是一个 NoSQL 数据库，所以不知道如何解决它。

表 1 客户
-> 身份证
-> 名称

表 2 销售
-> 身份证
-> 客户名称
-> 日期

这是我对 .vue 文件所做的查询

  let ref = db.collection('sales').where("created_month", "==", moment().format('MM-YYYY'))
                                  .orderBy('timestamp', 'desc')

  ref.onSnapshot(snapshot => {
    snapshot.docChanges().forEach(change => {
      if(change.type == 'added'){
        let doc = change.doc
        this.sales.push({
          id:doc.id,
          item_name:doc.data().item_name,
          price:doc.data().price,
          timestamp:moment(doc.data().timestamp).format('ll')
        })
      }
    })
  })

我的问题是如何使用客户表中的客户 ID 检索客户名称并显示在销售表上。

Answer 1

由于你的数据模型如下

Document in Collection "Customers"
 -> id
 -> name

Document in Collection "Sales"
 -> id
 -> customer_name
 -> date

我假设客户 ID 实际上存储在销售文档的 customer_name 字段中。

因此，您需要在侦听器中使用get() 方法获取客户文档。以下应该可以解决问题。

  const ref = db.collection('sales').where("created_month", "==", moment().format('MM-YYYY')).orderBy('timestamp', 'desc')

  ref.onSnapshot(snapshot => {
    snapshot.docChanges().forEach(change => {
      if(change.type == 'added'){
        let doc = change.doc;

        const customerId = doc.data().customer_name;
        const customerDocRef = db.collection('customers').doc(customerId);

        customerDocRef.get()
        .then(doc => {
           const customer_name = doc.data().name;  // Here we get the value of customer_name

          this.sales.push({
            id:doc.id,
            item_name:doc.data().item_name,
            price:doc.data().price,
            timestamp:moment(doc.data().timestamp).format('ll'),
            customer_name: customer_name  //Here we add the customer_name in each object that is pushed into the sales array
          })
      }
    })
  })

---

话虽如此，NoSQL 数据库中的一种经典方法是对数据进行非规范化处理，使您的查询能够轻松快速地执行。

在您的情况下，这意味着当您保存新的销售时，您直接在销售文档中写入 customer_id 和 customer_name。

我建议您看看这个 Firebase 视频，其中很好地解释了这种方法：https://www.youtube.com/watch?v=v_hR4K4auoQ。您还可以阅读这篇关于 NoSQL 数据建模方法的“著名”帖子：https://highlyscalable.wordpress.com/2012/03/01/nosql-data-modeling-techniques/

Answer 2

可以只使用 filter() 或 find() 吗？

let userSales = []
this.sales.forEach( sale => {
const costumer = costumers.find( costumer => costumer.id === sale.id)
userSales.push(costumer)
}

或者只是将销售集合放在用户集合中。

Answer 3

尝试以下方法：

  let ref = db.collection('customers').where("id", "==", id);
  ref.get()
    .then(function(querySnapshot) {
        querySnapshot.forEach(function(doc) {
            console.log(doc.id, " => ", doc.data());
            let customerName = doc.data().name;
            let salesRef     = db.collection('sales').doc('some-id');
            salesRef.set({
                   customerName : customerName,
                   date: "date",
                   id: "id"
                  }).then(function() {
                       console.log("Document successfully written!");
                  }).catch(function(error) {
                       console.error("Error writing document: ", error);
                  });
        });
    })
    .catch(function(error) {
        console.log("Error getting documents: ", error);
    });

添加对集合customers 的引用，然后使用查询where 可以检索客户名称。然后您可以将该名称添加到 sales 文档中