目录
前言
你好，我是喵喵侠。作为前端开发者，在学习Node.js时，你可能会接触到各种数据库技术。而在这些数据库中，MongoDB是一种非常适合初学者的NoSQL数据库。它不仅简单易用，而且与JavaScript/JSON格式的天然兼容性使得它在Node.js开发中非常受欢迎。在这篇文章中，我将从零开始，逐步教你如何安装、配置MongoDB，并通过Node.js与之交互，进行简单的增删改查操作。相信看完你就能立马学会。
准备环境
安装MongoDB
首先，你需要在你的电脑上安装MongoDB。你可以从MongoDB官方网站下载最新的MongoDB社区版。下载并安装后，MongoDB默认会在后台以服务的形式运行。
配置MongoDB
安装完成后，确保MongoDB服务正在运行。你可以在命令行中输入以下命令来启动MongoDB服务：
mongod --dbpath "C:\path\to\your\database"
这里的dbpath是数据库文件存储的位置，你可以根据自己的需要进行设置。
安装Node.js
如果你还没有安装Node.js，可以从Node.js官网下载并安装。安装完成后，你可以在命令行中输入node -v和npm -v来确认安装是否成功。
安装MongoDB客户端工具（可选）
为了方便地查看和管理MongoDB中的数据，你可以安装一个MongoDB的客户端工具，如MongoDB Compass。这将为你提供一个直观的GUI界面，便于进行数据库的可视化操作。
启动MongoDB服务
一旦MongoDB安装完毕，你可以通过以下步骤来启动它：
打开命令行终端
Windows用户可以使用cmd或PowerShell，macOS和Linux用户可以使用终端。
启动MongoDB服务
你可以运行以下命令，来启动MongoDB服务：
mongod --dbpath "C:\path\to\your\database"
如果你没有特别配置，mongod会在默认路径下启动MongoDB数据库。
浏览器访问
在浏览器中输入localhost:27017，你将看到一个类似“等待连接”的页面，表明MongoDB服务已经成功启动。
用Node.js操作MongoDB
现在，我们已经启动了MongoDB服务，是时候通过Node.js来操作数据库了。我们将使用mongodb官方驱动来连接和操作MongoDB。
初始化Node.js项目
首先，在你的工作目录下创建一个新的Node.js项目：
mkdir mongodb-demo cd mongodb-demo npm init -y
安装MongoDB依赖
接下来，安装MongoDB的Node.js依赖：
npm install mongodb
编写连接MongoDB的代码
在项目根目录下创建一个index.js文件，编写以下代码：
const { MongoClient } = require('mongodb'); // MongoDB连接URL const url = 'mongodb://localhost:27017'; // 数据库名称 const dbName = 'demoDB'; async function main() { const client = new MongoClient(url); try { // 连接到MongoDB服务器 await client.connect(); console.log('成功连接到MongoDB服务器'); const db = client.db(dbName); // 获取或创建集合 const collection = db.collection('demoCollection'); // 插入数据 const insertResult = await collection.insertOne({ name: 'John Doe', age: 30 }); console.log('插入结果:', insertResult); // 查询数据 const findResult = await collection.find({}).toArray(); console.log('查询结果:', findResult); // 更新数据 const updateResult = await collection.updateOne({ name: 'John Doe' }, { $set: { age: 31 } }); console.log('更新结果:', updateResult); // 删除数据 const deleteResult = await collection.deleteOne({ name: 'John Doe' }); console.log('删除结果:', deleteResult); } finally { // 关闭连接 await client.close(); } } main().catch(console.error);
运行代码
在命令行中运行以下命令来执行脚本：
node index.js
你将看到控制台输出每一个操作的结果，表明你已经成功完成了MongoDB的增删改查操作。
通过HTML页面操作MongoDB
为了更直观地演示，我们可以通过一个简单的HTML页面与MongoDB交互。
创建HTML文件
在项目根目录下创建一个index.html文件，内容如下：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MongoDB Demo</title> </head> <body> <h1>MongoDB 操作演示</h1> <button onclick="addData()">添加数据</button> <button onclick="fetchData()">查询数据</button> <div id="output"></div> <script> async function addData() { const response = await fetch('/add', { method: 'POST' }); const result = await response.json(); document.getElementById('output').innerText = '添加数据：' + JSON.stringify(result); } async function fetchData() { const response = await fetch('/fetch'); const result = await response.json(); document.getElementById('output').innerText = '查询数据：' + JSON.stringify(result); } </script> </body> </html>
创建简单的服务器
我们可以使用Express框架来创建一个简单的服务器，处理前端请求，并与MongoDB交互。首先安装Express：
npm install express
接着在index.js文件中添加以下代码：
const express = require('express'); const app = express(); const port = 3000; app.use(express.json()); // 添加数据接口 app.post('/add', async (req, res) => { try { await client.connect(); const db = client.db(dbName); const collection = db.collection('demoCollection'); const result = await collection.insertOne({ name: 'Jane Doe', age: 25 }); res.json(result); } finally { await client.close(); } }); // 查询数据接口 app.get('/fetch', async (req, res) => { try { await client.connect(); const db = client.db(dbName); const collection = db.collection('demoCollection'); const result = await collection.find({}).toArray(); res.json(result); } finally { await client.close(); } }); app.listen(port, () => { console.log(`服务器已启动，访问地址：http://localhost:${port}`); });
运行项目
在命令行中运行：
node index.js
然后在浏览器中打开http://localhost:3000，你将看到一个简单的页面，点击按钮即可与MongoDB进行交互。
结语
通过这篇文章，你应该已经掌握了如何在Node.js中操作MongoDB。本文带你从最基础的安装配置到通过代码进行增删改查操作，并最终实现一个简单的前端页面与MongoDB交互。如果你掌握了这些基础技能，那么在将来构建更复杂的应用程序时，你将能够更加得心应手。MongoDB与Node.js的结合为前端开发者提供了一个高效、灵活的数据存储解决方案。希望你能从中受益，继续深入学习MongoDB的更多高级特性。
