Node.js 中的待办事项列表

2025 年 3 月 3 日 | 阅读 4 分钟

JavaScript 可以使用 Node.js 在服务器端启用，这使我们能够快速轻松地创建可扩展的网络应用程序。用 Node.js 编写的待办事项列表应用程序允许用户高效地管理任务。Express.js 用于路由，Mongoose 用于与 MongoDB 数据库交互，以创建 CRUD 操作（添加、检索、更新和删除任务）的端点。在启动 Node.js 项目之前，请安装 body-parser、Mongoose 和 Express。创建 MongoDB 连接、任务模型和任务执行路由。启动服务器并使用 Postman 等工具测试 API。此配置为进一步增强功能（例如用户身份验证和前端界面）提供了可扩展的基础。

核心概念

Node.js 中待办事项列表的几个核心概念如下

Node.js JSON：Node.js 运行时环境允许您在浏览器之外运行 JavaScript 代码。它基于 V8 JavaScript 引擎，以其非阻塞、事件驱动的架构而闻名，这使其成为开发可扩展网络应用程序的理想选择。
JavaScript 表达式：对于 Node.js，Express.js 是一个中性、轻量级且快速的 Web 框架。它对 HTTP 请求和响应的处理简化了 Web 应用程序和 API 的开发。
Mongo 数据库：NoSQL 数据库 MongoDB 以类似于 JSON 的文档存储数据。由于其灵活性和可伸缩性，它成为在待办事项列表应用程序中存储任务的不错选择。
Mongoose：一个专门为 Node.js 和 MongoDB 构建的对象数据建模 (ODM) 库称为 Mongoose。它提供了一种简单、基于模式的方法来建模应用程序中的数据，并具有内置的类型转换、验证、查询构建和业务逻辑挂钩。

待办事项列表的结构

步骤如下

安装

 
mkdir todo-list
cd todo-list
npm init -y   

示例 1

 
const express = require('express');
const mongoose = require('mongoose');
const bodyParser = require('body-parser');

const app = express();

// Middleware
app.use(bodyParser.json());

// Connect to MongoDB
mongoose.connect('mongodb:///todo-list', {
  useNewUrlParser: true,
  useUnifiedTopology: true,
});

// Define a Task model
const Task = mongoose.model('Task', new mongoose.Schema({
  title: { type: String, required: true },
  completed: { type: Boolean, default: false },
}));

// Routes
app.get('/tasks', async (req, res) => {
  const tasks = await Task.find();
  res.send(tasks);
});

app.post('/tasks', async (req, res) => {
  const task = new Task(req.body);
  await task.save();
  res.send(task);
});

app.put('/tasks/:id', async (req, res) => {
  const task = await Task.findByIdAndUpdate(req.params.id, req.body, { new: true });
  res.send(task);
});

app.delete('/tasks/:id', async (req, res) => {
  await Task.findByIdAndDelete(req.params.id);
  res.send({ message: 'Task deleted' });
});

// Start the server
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});   

输出

 
Running: node server.js
Server running on port 3000

示例 2

文件夹结构

 
todo-list
├── models
│   └── task.js
├── routes
│   └── tasks.js
├── app.js
└── server.js   

1. 模型

 
const mongoose = require('mongoose');

const TaskSchema = new mongoose.Schema({
  title: { type: String, required: true },
  completed: { type: Boolean, default: false },
});

module.exports = mongoose.model('Task', TaskSchema);   

2. 路由

 
const express = require('express');
const router = express.Router();
const Task = require('../models/task');

// Get all tasks
router.get('/', async (req, res) => {
  try {
    const tasks = await Task.find();
    res.json(tasks);
  } catch (err) {
    res.status(500).json({ message: err.message });
  }
});

// Create a new task
router.post('/', async (req, res) => {
  const task = new Task({
    title: req.body.title,
  });

  try {
    const newTask = await task.save();
    res.status(201).json(newTask);
  } catch (err) {
    res.status(400).json({ message: err.message });
  }
});

// Update a task
router.put('/:id', async (req, res) => {
  try {
    const task = await Task.findById(req.params.id);
    if (!task) {
      return res.status(404).json({ message: 'Task not found' });
    }

    if (req.body.title != null) {
      task.title = req.body.title;
    }
    if (req.body.completed != null) {
      task.completed = req.body.completed;
    }

    const updatedTask = await task.save();
    res.json(updatedTask);
  } catch (err) {
    res.status(400).json({ message: err.message });
  }
});

// Delete a task
router.delete('/:id', async (req, res) => {
  try {
    const task = await Task.findById(req.params.id);
    if (!task) {
      return res.status(404).json({ message: 'Task not found' });
    }

    await task.remove();
    res.json({ message: 'Task deleted' });
  } catch (err) {
    res.status(500).json({ message: err.message });
  }
});
module.exports = router;   

3. 应用程序

 
const express = require('express');
const mongoose = require('mongoose');
const bodyParser = require('body-parser');
const taskRoutes = require('./routes/tasks');

const app = express();

// Middleware
app.use(bodyParser.json());

// Connect to MongoDB
mongoose.connect('mongodb:///todo-list', {
  useNewUrlParser: true,
  useUnifiedTopology: true,
})
  .then(() => console.log('MongoDB connected'))
  .catch(err => console.error(err));

// Routes
app.use('/tasks', taskRoutes);

module.exports = app;   

4. 服务器

 
const app = require('./app');
const port = process.env.PORT || 4000;

app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});   

输出

 
Running: node server.js
Server running on port 4000

结论

总之，这个基本的待办事项列表应用程序展示了如何使用 Mongoose 连接到 MongoDB 数据库，设置 Node.js 服务器，以及创建用于任务管理的 CRUD（创建、读取、更新、删除）操作。从这里，我们可以通过整合 React 或 Vue.js 等前端框架、用户身份验证和复杂的查询功能来扩展应用程序。

下一主题Node.js 中意外的标识符

Node.js 中的待办事项列表

核心概念

待办事项列表的结构

安装

示例 1

示例 2

1. 模型

2. 路由

3. 应用程序

4. 服务器

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Node.js 教程

Node.js MySQL

Node.js MongoDB

区别

其他

Node.js 选择题

Node.js Express

面试题

Node.js 中的待办事项列表

核心概念

待办事项列表的结构

安装

示例 1

示例 2

1. 模型

2. 路由

3. 应用程序

4. 服务器

结论

相关帖子

Node.js Stream writable.writableFinished 属性

Node.js fs.futimes() 方法

Node.js 中的 tls.checkServerIdentity(hostname, cert) 函数

Node.js 中的 http2stream.respondWithFD(fd[, headers[, options]]) 函数

2024 年 8 大 Node.js 设计模式

Rhino.js 和 Node.js 的区别

使用 Node.js 读取二维码

Node.js 中的 Async/Await

Node.js Jimp | flip

Node.js 中的 DiffieHellman 密钥交换

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器