CRUD 操作:它们是什么以及如何使用它们?

crud 操作:它们是什么以及如何使用它们?

crud 操作:它们是什么以及如何使用它们?

crud 操作(创建、读取、更新和删除)是任何需要数据管理的应用程序的基础。对于开发人员来说,了解这些操作非常重要,因为它们提供了我们有效与数据库交互所需的基本功能。在这篇博文中,我将通过展示如何将 crud 操作集成到我的 yoga pose library 应用程序中来解释什么是 crud 操作以及如何使用 mern 堆栈(mongodb、express、react 和 node.js)来实现它们。

什么是 crud 操作?

crud 是缩写词,代表:

创建: 将新数据添加到数据库。读取:从数据库中检索数据。更新:修改数据库中的现有数据。删除:从数据库中删除数据。

这些操作构成了大多数涉及数据操作的 web 应用程序的骨干。实施 crud 操作使用户能够有效地与数据交互和管理数据。

为 crud 操作设置 mern 堆栈

1. 设置 mongodb

为了开始实施 crud 操作,我设置了一个 mongodb 数据库来存储我的瑜伽姿势。以下是您可以执行相同操作的方法:

安装mongodb:从官网下载并安装mongodb启动 mongodb 服务器: 在终端中运行 mongod 来启动服务器。

2. 连接到mongodb

为了连接到 mongodb,我使用了 mongoose,这是一个用于 mongodb 和 node.js 的对象数据建模 (odm) 库。以下是我在 server.js 文件中建立连接的方法:

const mongoose = require('mongoose');mongoose.connect('mongodb://localhost:27017/yogaposelibrary').then(() => console.log('connected to mongodb')).catch(err => console.error('error connecting to mongodb', err));

3. 创建 mongoose 模型

接下来,我创建了一个 mongoose 模型来代表我的瑜伽姿势。该模型允许与 mongodb 集合轻松交互。在 models/pose.js 文件中,我定义了架构如下:

const mongoose = require('mongoose');const poseschema = new mongoose.schema({  name: { type: string, required: true },  description: { type: string, required: true },});module.exports = mongoose.model('pose', poseschema);

实施crud操作

设置 mongodb 连接和模型后,我在 express 服务器中实现了 crud 操作。

1. 创建(发布)

为了允许用户添加新的瑜伽姿势,我创建了一条接受 post 请求的路线:

app.post('/api/poses', async (req, res) => {  try {    const newpose = new pose(req.body);    const savedpose = await newpose.save();    res.status(201).json(savedpose);  } catch (err) {    res.status(500).json({ error: 'failed to create pose' });  }});

在此路线中,使用请求正文中发送的数据创建一个新姿势并将其保存到数据库中。

2. 读取(获取)

对于读取操作,我创建了一条检索所有姿势的路线:

app.get('/api/poses', async (req, res) => {  try {    const poses = await pose.find();    res.json(poses);  } catch (err) {    res.status(500).json({ error: 'failed to fetch poses' });  }});

此路由从数据库中检索所有瑜伽姿势并将它们作为 json 响应发送回。

3. 更新(放置)

为了允许用户更新现有姿势,我实现了一条 put 路线:

app.put('/api/poses/:id', async (req, res) => {  try {    const updatedpose = await pose.findbyidandupdate(req.params.id, req.body, { new: true });    res.json(updatedpose);  } catch (err) {    res.status(500).json({ error: 'failed to update pose' });  }});

该路由根据提供的 id 更新特定姿势并返回更新后的姿势。

4. 删除(delete)

最后,我实现了删除操作:

app.delete('/api/poses/:id', async (req, res) => {  try {    await Pose.findByIdAndRemove(req.params.id);    res.json({ message: 'Pose deleted' });  } catch (err) {    res.status(500).json({ error: 'Failed to delete pose' });  }});

此路线使用 id 从数据库中删除姿势。

测试 crud 操作

实现 crud 操作后,我使用 postman 测试每个端点。此测试确保我的路线正常运行并且数据按预期进行管理。

测试示例

创建新姿势

使用以下正文向 /api/poses 发送 post 请求:

{
“name”: “战士 i”,
“description”: “一种增强腿部和核心力量的站立姿势。”
}

阅读所有姿势

发送 get 请求到 /api/poses。

更新现有姿势

使用更新后的数据向 /api/poses/:id 发送 put 请求。

删除姿势

发送删除请求到 /api/poses/:id。

结论

crud 操作对于任何涉及数据管理的应用程序都是必不可少的。通过使用 mern 堆栈将这些操作集成到我的瑜伽姿势库应用程序中,我创建了一个强大的应用程序,允许用户有效地与瑜伽姿势交互。了解和实施 crud 操作将显着提高您的开发技能,并使您能够创建动态 web 应用程序。随着我不断改进我的应用程序,我期待探索更多功能并增强用户体验。

以上就是CRUD 操作:它们是什么以及如何使用它们?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1492384.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 14:46:43
下一篇 2025年12月19日 14:46:59

相关推荐

  • JS如何处理JSON数据

    JavaScript处理JSON的核心是JSON.parse()和JSON.stringify()。前者将JSON字符串转为JS对象,需用try…catch捕获非法格式错误;后者将JS对象序列化为JSON字符串,支持replacer和space参数优化输出。解析时需注意JSON语法严格性…

    2025年12月20日
    000
  • React MongoDB 项目中 ‘map’ 属性未定义的错误排查与解决

    本文旨在帮助开发者解决 React 项目中,从 MongoDB 获取数据后,出现 “TypeError: Cannot read property ‘map’ of undefined” 错误的问题。通过分析错误原因,提供代码示例和详细的解决方案,确保…

    2025年12月20日
    000
  • React 应用登录后重定向问题的解决方案

    本文深入探讨了React应用中用户登录后无法正确重定向至主页的问题。核心原因在于登录成功后,前端状态(loggedIn)未及时更新,导致目标页面在渲染时误判用户未登录而触发回跳。文章提供了具体的代码修正方案,即在导航前同步更新登录状态,并进一步阐述了React状态管理、useEffect依赖项的重要…

    2025年12月20日
    000
  • React 应用中登录后重定向失败的解决方案

    本文旨在解决 React 应用中用户登录成功后无法正确重定向至主页的问题。核心原因在于状态管理与导航时序不匹配:在导航到受保护页面之前,表示用户登录状态的 loggedIn 变量未能及时更新。通过在登录成功后、执行页面跳转前立即更新 loggedIn 状态,可以确保目标页面正确识别用户登录状态,从而…

    2025年12月20日
    000
  • React应用登录重定向:状态管理与路由导航的同步

    本教程旨在解决React应用中用户登录成功后无法正确重定向至首页的问题。核心在于理解React状态更新的异步性与路由导航的时序关系。通过在导航前同步更新用户登录状态,确保目标页面在渲染时能基于最新的认证状态进行逻辑判断,从而避免不必要的重定向循环,实现流畅的用户体验。 在构建基于mern(mongo…

    2025年12月20日
    000
  • MongoDB聚合查询后排序失效问题排查与解决方案

    本文旨在解决MongoDB聚合查询后排序失效的问题。通过分析常见的聚合管道配置错误,并提供两种基于大小写不敏感排序的解决方案,帮助开发者确保聚合结果的正确排序,从而提升数据处理的准确性和效率。 在使用MongoDB的聚合管道进行数据处理时,有时会遇到即使在管道中使用了 $sort 操作符,最终的结果…

    2025年12月20日
    000
  • MongoDB聚合查询后排序失效问题及解决方案

    本文针对MongoDB聚合查询后排序失效的问题,提供了一种基于大小写不敏感排序的解决方案。通过在聚合管道中添加 $project 或 $addFields 阶段,将需要排序的字段转换为小写,再进行排序,从而实现正确排序。文章提供了两种不同的实现方式,分别适用于字段较少和字段较多的情况,并附带代码示例…

    2025年12月20日
    000
  • 使用 MongoDB Aggregate Pipeline 实现分组查询后的排序

    本文介绍了在使用 MongoDB 的 Aggregate Pipeline 进行分组查询后,如何对结果进行排序。重点在于解决大小写敏感导致的排序问题,并提供了两种不同的解决方案,分别适用于字段较少和字段较多的情况。通过示例代码,帮助开发者理解如何在 Aggregate Pipeline 中实现不区分…

    2025年12月20日
    000
  • JS如何实现自动完成

    javascript实现自动完成功能的核心是监听输入事件、防抖处理、数据过滤与dom渲染,并通过键盘导航、高亮匹配、aria属性和错误处理等策略提升用户体验与健壮性,最终实现一个响应迅速、安全可靠且无障碍友好的组件,完整覆盖从基础功能到性能优化及异常应对的全流程。 JavaScript实现自动完成功…

    2025年12月20日
    000
  • Next.js表单数据提交与MongoDB集成:解决回调参数未定义问题

    本文旨在解决Next.js应用中通过表单提交数据至MongoDB时遇到的“数据未定义”问题。核心在于剖析父子组件间回调函数参数传递的常见误区,并提供确保数据正确从子组件传递到父组件处理函数,进而发送至后端API的解决方案,同时涵盖API路由处理和相关最佳实践。 在next.js应用中,构建用户界面并…

    2025年12月20日
    000
  • Next.js与MongoDB集成:解决表单数据提交为Undefined的问题

    本文旨在解决使用Next.js框架向MongoDB提交表单数据时,数据在API路由中显示为undefined的常见问题。我们将深入探讨在React组件之间正确传递回调函数参数的关键,并提供详细的代码示例,确保数据从前端表单到后端数据库的顺畅传输。 在构建现代web应用程序时,next.js因其强大的…

    2025年12月20日
    000
  • 事件循环中的“I/O回调”阶段是什么?

    “i/o回调”阶段专门执行因底层i/o操作完成(如网络请求、文件读写)而触发的回调,确保异步i/o非阻塞特性得以实现;2. 它与“轮询”阶段紧密配合,“轮询”负责发现已完成的i/o事件并收集回调,“i/o回调”则负责集中执行这些回调,角色分明且顺序固定;3. 常见在此阶段执行的操作包括http/tc…

    2025年12月20日 好文分享
    000
  • js 如何连接数据库

    浏览器端javascript无法直接连接数据库,必须通过后端api进行交互;2. node.js环境下的javascript可通过数据库驱动或orm/odm直接连接数据库;3. 安全原因、技术限制和架构设计决定了前端不能直连数据库;4. 实践中node.js连接mysql可用mysql2或seque…

    2025年12月20日
    000
  • 使用 Realm 存储动态键名对和值的教程

    本文旨在解决在 React Native 中使用 Realm Flexible Sync 时,如何定义包含动态键名(ObjectId)的 JSON 数据的 Schema。我们将探讨如何使用 Realm 的 Schema 定义来有效地存储和管理具有动态键名和值的键值对数据,并提供代码示例进行说明。 理…

    2025年12月20日
    000
  • MongoDB时间戳区间内字段值相减教程

    本文将详细介绍如何在MongoDB中使用聚合管道根据时间戳对文档进行分组,并计算特定字段(例如“energy”)在不同时间段内的差值。通过使用$dateTrunc、$group和$setWindowFields等聚合操作符,可以有效地实现按小时计算能量差的需求,从而进行数据分析和监控。 聚合管道实现…

    2025年12月20日
    000
  • MongoDB聚合管道:计算时间序列数据中特定字段的逐小时差值

    本教程详细阐述如何利用MongoDB聚合管道计算时间序列数据中特定字段(如能源消耗)的逐小时差值。通过组合$sort、$group、$setWindowFields等阶段,文章演示了如何针对不同类别(如设备编码)高效地提取每小时的首个记录值,并计算当前小时与前一小时之间该字段的增量,适用于监控系统、…

    2025年12月20日
    000
  • MongoDB时间序列数据字段差值计算教程

    本教程详细介绍了如何在MongoDB中对时间序列数据进行字段差值计算。我们将利用聚合管道(Aggregation Pipeline)的强大功能,特别是$dateTrunc、$group和$setWindowFields操作符,实现按指定时间间隔(如每小时)和分类字段(如code)计算连续时间点上某个…

    2025年12月20日
    000
  • MongoDB聚合管道:计算时间序列数据中字段的增量与差值

    本教程旨在详细讲解如何在MongoDB中高效地计算时间序列数据中某个字段(如能量值)在不同时间段(例如每小时)内的增量或差值。我们将通过一个实际案例,演示如何运用MongoDB的聚合管道,特别是$sort、$group和$setWindowFields等阶段,实现按类别(如设备编码)分组并获取连续时…

    2025年12月20日
    000
  • MongoDB时间序列数据:高效计算字段值增量

    本文详细介绍了如何利用MongoDB的聚合管道(Aggregation Pipeline)功能,高效计算时间序列数据中特定字段(如能量值)在不同时间戳(例如按小时)之间的增量。通过结合$sort、$group、$setWindowFields、$match和$project等阶段,教程展示了如何针对…

    2025年12月20日
    000
  • MongoDB:提取指定时间段内的数据(10:00 AM – 11:00 AM)

    本文旨在指导开发者如何使用 MongoDB 聚合管道高效地提取指定时间段内的数据,例如从上午 10:00 到 11:00 之间的数据。文章将提供详细的聚合管道示例,并解释每个阶段的作用,帮助读者理解并应用到实际场景中。 在 MongoDB 中,经常需要根据时间范围来查询和分析数据。以下将演示如何使用…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信