node-vue-mongodb全栈项目-创建后台管理界面-创建子分类（七）

我们希望在前端创建分类时有父级分类，下面有子分类。在数据库当中这些数据都是平级的，我们给这些数据加上关联就构成了一个链式结构。

编写创建分类页面

编写请求父级分类方法

修改服务端模型

为了保存父级分类，需要修改一下分类的模型：

const mongoose = require('mongoose')

// 定义模型的字段有哪些 // 每一个schema是一个文档，每一个模型是一个集合？？？
const schema = new mongoose.Schema({
    cateName: String,
    parent: { type: mongoose.Schema.Types.ObjectId, ref: 'Category' }
})

module.exports = mongoose.model('Category', schema)

增加展示父级分类的列

但我们希望看到父级分类的名称而不是ID,所以修改一下服务端接口：

修改服务端接口

此时，parent变成一个对象了

查看浏览器：

工作完成.....