如何在 Mongoose 中正确地创建数据显示器？

Mongoose 是一个优秀的 Node.js ORM（对象关系映射）库，它可以让开发者更加方便地操作 MongoDB 数据库。在使用 Mongoose 进行开发时，我们经常需要创建数据显示器来方便地查看和管理数据。本文将介绍如何在 Mongoose 中正确地创建数据显示器，并提供示例代码和指导意义。

什么是数据显示器？

数据显示器是一个用于查看和管理数据的工具，通常包括以下功能：

• 显示数据列表：以表格或列表的形式展示数据。
• 新增数据：提供表单或弹窗来新增数据。
• 编辑数据：提供表单或弹窗来编辑数据。
• 删除数据：提供操作按钮来删除数据。

在 Mongoose 中，我们可以通过创建数据模型和控制器来实现数据显示器的功能。

创建数据模型

首先，我们需要创建一个 Mongoose 数据模型来定义 MongoDB 中的数据结构。在创建数据模型时，我们需要考虑以下几个方面：

• 数据结构：定义每个字段的名称、类型、默认值和验证规则。
• 数据索引：定义哪些字段需要创建索引以提高查询效率。
• 数据方法：定义模型的实例方法和静态方法，方便对数据进行操作。

以下是一个示例数据模型的代码：

// www.javascriptcn.com code example
const mongoose = require('mongoose');

const Schema = mongoose.Schema;

const UserSchema = new Schema({
  username: {
    type: String,
    required: true,
    unique: true,
    trim: true,
    minlength: 3
  },
  email: {
    type: String,
    required: true,
    unique: true,
    trim: true,
    minlength: 5
  },
  password: {
    type: String,
    required: true,
    trim: true,
    minlength: 6
  }
}, {
  timestamps: true
});

const User = mongoose.model('User', UserSchema);

module.exports = User;

在上述示例中，我们定义了一个名为 User 的数据模型，包括三个字段：username、email 和 password。其中，username 和 email 字段都是必填字段，并且要求唯一且长度不小于一定值。timestamps 选项表示我们需要在模型中自动添加 createdAt 和 updatedAt 字段以记录数据的创建时间和更新时间。

创建控制器

接下来，我们需要创建一个控制器来实现数据显示器的功能。在控制器中，我们需要定义以下几个函数：

• index：显示数据列表。
• create：新增数据。
• edit：编辑数据。
• update：更新数据。
• delete：删除数据。

以下是一个示例控制器的代码：

// www.javascriptcn.com code example
const User = require('../models/user.model');

exports.index = async (req, res) => {
  try {
    const users = await User.find();
    res.render('users/index', { users });
  } catch (err) {
    console.error(err);
    res.render('error');
  }
};

exports.create = async (req, res) => {
  try {
    const user = new User(req.body);
    await user.save();
    res.redirect('/users');
  } catch (err) {
    console.error(err);
    res.render('error');
  }
};

exports.edit = async (req, res) => {
  try {
    const user = await User.findById(req.params.id);
    res.render('users/edit', { user });
  } catch (err) {
    console.error(err);
    res.render('error');
  }
};

exports.update = async (req, res) => {
  try {
    const { id } = req.params;
    const user = await User.findByIdAndUpdate(id, req.body, { new: true });
    res.redirect('/users');
  } catch (err) {
    console.error(err);
    res.render('error');
  }
};

exports.delete = async (req, res) => {
  try {
    const { id } = req.params;
    await User.findByIdAndDelete(id);
    res.redirect('/users');
  } catch (err) {
    console.error(err);
    res.render('error');
  }
};

在上述示例中，我们定义了一个名为 User 的数据模型，并导出了一个包含 index、create、edit、update 和 delete 函数的控制器。其中，index 函数用于显示用户列表，create 函数用于新增用户，edit 函数用于编辑用户，update 函数用于更新用户，delete 函数用于删除用户。

创建路由

最后，我们需要创建一个路由来将控制器的函数与 URL 路径对应起来。以下是一个示例路由的代码：

// www.javascriptcn.com code example
const express = require('express');
const router = express.Router();
const usersController = require('../controllers/users.controller');

router.get('/', usersController.index);
router.post('/', usersController.create);
router.get('/:id/edit', usersController.edit);
router.put('/:id', usersController.update);
router.delete('/:id', usersController.delete);

module.exports = router;

在上述示例中，我们创建了一个名为 users 的路由，并将其与 usersController 中的函数对应起来。其中，get、post、put 和 delete 方法分别对应 HTTP 请求中的 GET、POST、PUT 和 DELETE 方法。

结语

本文介绍了如何在 Mongoose 中创建数据显示器，并提供了示例代码和指导意义。通过学习本文，您可以更加方便地使用 Mongoose 进行开发，并在实际项目中应用数据显示器来提高开发效率和用户体验。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d277f9a941bf71344a5484