前言
在前端开发中，我们经常需要使用后端框架来构建服务器端的应用程序。Express 是一个流行的 Node.js web 应用程序框架，它可以帮助我们快速构建服务器端应用程序。而 MongoDB 是一个流行的 NoSQL 数据库，它可以方便地存储和检索数据。在本文中，我们将介绍如何使用 Express 和 MongoDB 来构建一个完整的服务器端应用程序。
环境准备
在开始之前，我们需要安装一些必要的工具和库。首先，我们需要安装 Node.js 和 npm。可以在 Node.js 的官方网站上下载并安装。安装完成后，我们可以通过以下命令来检查是否安装成功：
node -v npm -v
接下来，我们需要安装 Express 和 MongoDB。可以使用以下命令来安装：
npm install express mongodb --save
创建 Express 应用程序
在安装完成 Express 和 MongoDB 后，我们可以开始创建一个 Express 应用程序。可以使用以下命令来创建一个新的 Express 应用程序：
express myapp
这将创建一个名为 myapp 的新目录，其中包含了一个基本的 Express 应用程序的结构。进入 myapp 目录并使用以下命令来启动应用程序：
cd myapp npm start
现在，我们可以在浏览器中访问 http://localhost:3000 来查看应用程序是否正常运行。
连接 MongoDB 数据库
在创建 Express 应用程序后，我们需要连接 MongoDB 数据库。可以使用以下代码来连接 MongoDB 数据库：
var MongoClient = require('mongodb').MongoClient;
var url = 'mongodb://localhost:27017/myapp';
MongoClient.connect(url, function(err, db) {
if (err) throw err;
console.log('MongoDB connected!');
db.close();
});在这个例子中，我们使用了 MongoClient 对象来连接 MongoDB 数据库。我们需要提供 MongoDB 数据库的 URL。在这个例子中，我们连接的是本地的 MongoDB 数据库，URL 为 mongodb://localhost:27017/myapp。连接成功后，我们会在控制台输出 "MongoDB connected!"。
创建路由和控制器
在连接 MongoDB 数据库后，我们可以开始创建路由和控制器来处理请求。在 Express 中，路由和控制器是分开的，路由负责定义 URL 和处理请求的方法，而控制器负责处理具体的业务逻辑。
我们可以使用以下代码来创建一个路由和控制器：
// javascriptcn.com 代码示例
var express = require('express');
var router = express.Router();
var MongoClient = require('mongodb').MongoClient;
var url = 'mongodb://localhost:27017/myapp';
router.get('/', function(req, res, next) {
MongoClient.connect(url, function(err, db) {
if (err) throw err;
var collection = db.collection('users');
collection.find({}).toArray(function(err, docs) {
if (err) throw err;
res.render('index', { title: 'Express', users: docs });
db.close();
});
});
});
module.exports = router;在这个例子中，我们创建了一个 GET 请求的路由，它的 URL 为 /。当用户访问这个 URL 时，我们会连接 MongoDB 数据库，并查询 users 集合中的所有文档。查询成功后，我们会将查询结果传递给模板引擎，并使用 res.render 方法来渲染模板。渲染完成后，我们会将渲染结果发送给客户端。
创建模板
在创建路由和控制器后，我们需要创建一个模板来显示查询结果。可以使用以下代码来创建一个模板：
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<title>{{title}}</title>
</head>
<body>
<h1>{{title}}</h1>
<ul>
{{#each users}}
<li>{{this.name}}</li>
{{/each}}
</ul>
</body>
</html>在这个例子中，我们使用了 Handlebars 模板引擎来渲染模板。模板中使用了 {{title}} 和 {{#each users}} 等语法来动态生成 HTML。当渲染完成后，我们会将 HTML 代码发送给客户端。
总结
在本文中，我们介绍了如何使用 Express 和 MongoDB 来构建一个完整的服务器端应用程序。我们学习了如何连接 MongoDB 数据库、创建路由和控制器、以及使用模板引擎来渲染模板。通过本文的学习，我们可以更加深入地了解 Express 和 MongoDB 的使用方法，并能够开发出更加稳定和高效的服务器端应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655f0bb4d2f5e1655d930194