的步骤如下:
npm install express mongoose
const express = require('express');
const mongoose = require('mongoose');
const app = express();
mongoose.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true })
.then(() => {
console.log('Connected to MongoDB');
})
.catch((error) => {
console.error('Error connecting to MongoDB', error);
});
请注意,上述代码中的mongodb://localhost:27017/mydatabase
应替换为你的MongoDB数据库的连接字符串。
const Schema = mongoose.Schema;
const recordSchema = new Schema({
// 定义记录的字段
// 例如:name, age, email等
});
const Record = mongoose.model('Record', recordSchema);
请根据你的实际需求定义记录的字段。
app.delete('/records/:id', (req, res) => {
const recordId = req.params.id;
Record.findByIdAndDelete(recordId)
.then(() => {
res.status(200).json({ message: 'Record deleted successfully' });
})
.catch((error) => {
res.status(500).json({ error: 'Error deleting record' });
});
});
上述代码中,我们使用findByIdAndDelete
方法根据记录的ID删除记录。
npx create-react-app my-app
cd my-app
npm install axios
import React from 'react';
import axios from 'axios';
class App extends React.Component {
deleteRecord = (recordId) => {
axios.delete(`/records/${recordId}`)
.then((response) => {
console.log(response.data.message);
})
.catch((error) => {
console.error('Error deleting record', error);
});
}
render() {
return (
<div>
{/* 渲染记录列表 */}
{/* 每个记录都包含一个删除按钮,点击时调用deleteRecord方法 */}
</div>
);
}
}
export default App;
请注意,上述代码中的/records/${recordId}
是根据你的后端路由来定义的。
npm start
现在,你应该能够使用express.js和react.js从MongoDB中删除记录了。当你点击删除按钮时,前端会发送一个删除请求到后端,后端会从MongoDB中删除相应的记录,并返回成功或失败的消息。
这是一个基本的示例,你可以根据自己的需求进行修改和扩展。如果你想了解更多关于express.js、react.js、MongoDB以及相关技术的信息,可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云