我正在创建一个非常基本的功能看板。

到目前为止，我的开发板有 4 个模型:

用户模型

var userSchema = new Schema({
  name: {
    type: String,
    required: true
  }
})

module.exports = mongoose.model('User', userSchema)

棋盘模型

var boardSchema = new Schema({
  title: {
    type: String,
    required: true
  },
  lists: [ listSchema ]
  members: [
    {
      type: Schema.Types.ObjectId,
      ref: 'user'
    }
  ]
});

module.exports = mongoose.model('Board', boardSchema)

列表架构

let listSchema = new Schema({
  title: {
    type: String,
    required: true
  },
  userCreated: {
    type: Schema.Types.ObjectId,
    required: true,
    ref: 'user'
  },
  boardId: {
    type: Schema.Types.ObjectId,
    required: true,
    ref: 'board'
  },
  sort: {
    type: Number,
    decimal: true,
    required: true
  }
})

module.exports = mongoose.model('List', listSchema)

卡片架构

var cardSchema = new Schema({
  title: {
    type: String,
    required: true
  },
  description: {
    type: String
  },
  boardId: {
    type: Schema.Types.ObjectId,
    required: true,
    ref: 'board'
  },
  listId: {
    type: Schema.Types.ObjectId,
    required: true,
    ref: 'list'
  },
  members: [
    {
      type: Schema.Types.ObjectId,
      ref: 'user'
    }
  ],
  sort: {
    type: Number,
    decimal: true,
    required: true
  }
})

module.exports = mongoose.model('Card', cardSchema)

我在找什么？

我的前端是用 Vue.js 和 sortable.js 拖放库制作的。

我想找到最好的方法来渲染其中包含列表(列)和卡片的面板。

据我了解，我应该首先通过成员数组中的用户 ID 获取我的董事会。

然后我的看板已经嵌入了列表。

在第二个 api 请求中，我通过 boardId 获取所有卡片。

我的问题是 - 如何正确地将所有卡片放入/渲染到每个拥有列表中？

所以最后我想要这样的东西:

{
  title: 'My board',
  lists: [
    {
      title: 'My list',
      _id: '35jj3j532jj'
      cards: [
       {
        title: 'my card',
        listId: '35jj3j532jj'
       }
      ]
    },
    {
      title: 'My list 2',
      _id: '4gfdg5454dfg'
      cards: [
       {
        title: 'my card 22',
        listId: '4gfdg5454dfg'
       },
       {
        title: 'my card 22',
        listId: '4gfdg5454dfg'
       }
      ]
    }
  ]
  members: [
    'df76g7gh7gf86889gf989fdg'
  ]
}

我尝试了什么？

到目前为止我只想到了一件事，那就是:

1. mounted hook 中的两个 api 调用 - 一个用于获取带有列表的板，第二个用于获取所有卡片。
2. 然后我循环遍历列表和循环卡片并将每张卡片按 id 插入列表？

但这样一来，我的列表似乎需要一个名为 cards: [] 的空数组，只是为了按 id 对前端卡片到列表进行排序，这似乎有点不对。

这样好吗？或者我应该重新设计我的模型和模式并采用其他方式吗？任何帮助将不胜感激!

最佳答案

您定义的模式非常好，只是修改了一处。

不需要在看板模型中有“列表”，因为它已经在列表中可用，而且如果您将它保留在看板中，那么每次添加新列表时，您也需要编辑看板。

流程是这样的。

最初，当用户登录时，您需要向他们显示看板列表。这应该很容易，因为您只需使用 board 集合中的 user_id 执行查找查询。

Board.find({members: user_id}) // where user_id is the ID of the user

现在，当用户点击某个特定的图板时，您可以获取带有 board_id 的列表，类似于上述查询。

List.find({boardId: board_id}) // where board_id is the ID of the board

同样，你可以通过list_id和board_id获取卡片。

Card.find({boardId: board_id, listId: list_id}) // where board_id is the ID of the board and listId is the Id of the list

现在，让我们看看您可能同时需要来自 2 个或更多集合的数据的情况。例如，当用户点击看板时，您不仅需要看板中的列表，还需要看板中的卡片。在这种情况下，您需要编写一个聚合，

        Board.aggregate([
        // get boards which match a particular user_id
        {
            $match: {members: user_id}
        },
        // get lists that match the board_id
        {
            $lookup:
            {
                from: 'list',
                localField: '_id',
                foreignField: 'boardId',
                as: 'lists'
            }
        }
    ])

这将返回板，在每个板中，将有一个与该板关联的列表数组。如果一个特定的板没有列表，那么它将有一个空数组。

同理，如果要将卡片添加到列表和看板，聚合查询将是一个更复杂的机器人，因此，

        Board.aggregate([
        // get boards which match a particular user_id
        {
            $match: {members: user_id}
        },
        // get lists that match the board_id
        {
            $lookup:
            {
                from: 'list',
                localField: '_id',
                foreignField: 'boardId',
                as: 'lists'
            }
        },
        // get cards that match the board_id
        {
            $lookup:
            {
                from: 'card',
                localField: '_id',
                foreignField: 'boardId',
                as: 'cards'
            }
        }
    ])

这也会将一系列卡片添加到组合中。同样，您也可以获得列表的卡片。

关于javascript - Mongoose/Mongodb 基本 trello 类方案问题在 vue 中呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54550224/