crud 操作(创建、读取、更新和删除)是任何需要数据管理的应用程序的基础。对于开发人员来说,了解这些操作非常重要,因为它们提供了我们有效与数据库交互所需的基本功能。在这篇博文中,我将通过展示如何将 crud 操作集成到我的 yoga pose library 应用程序中来解释什么是 crud 操作以及如何使用 mern 堆栈(mongodb、express、react 和 node.js)来实现它们。
crud 是缩写词,代表:
这些操作构成了大多数涉及数据操作的 web 应用程序的骨干。实施 crud 操作使用户能够有效地与数据交互和管理数据。
为了开始实施 crud 操作,我设置了一个 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));
接下来,我创建了一个 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);
设置 mongodb 连接和模型后,我在 express 服务器中实现了 crud 操作。
为了允许用户添加新的瑜伽姿势,我创建了一条接受 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' }); } });
在此路线中,使用请求正文中发送的数据创建一个新姿势并将其保存到数据库中。
对于读取操作,我创建了一条检索所有姿势的路线:
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 响应发送回。
为了允许用户更新现有姿势,我实现了一条 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 更新特定姿势并返回更新后的姿势。
最后,我实现了删除操作:
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 操作后,我使用 postman 测试每个端点。此测试确保我的路线正常运行并且数据按预期进行管理。
使用以下正文向 /api/poses 发送 post 请求:
{
"name": "战士 i",
"description": "一种增强腿部和核心力量的站立姿势。"
}
发送 get 请求到 /api/poses。
使用更新后的数据向 /api/poses/:id 发送 put 请求。
发送删除请求到 /api/poses/:id。
crud 操作对于任何涉及数据管理的应用程序都是必不可少的。通过使用 mern 堆栈将这些操作集成到我的瑜伽姿势库应用程序中,我创建了一个强大的应用程序,允许用户有效地与瑜伽姿势交互。了解和实施 crud 操作将显着提高您的开发技能,并使您能够创建动态 web 应用程序。随着我不断改进我的应用程序,我期待探索更多功能并增强用户体验。