构建Node.js Web 应用：使用Express、EJS 和 Mongoose
在本篇博客文章中，我们将介绍如何使用Node.js的Express框架、EJS模板引擎和Mongoose库来构建一个简单的Web应用实例。
通过代码示例和详细解释，帮助读者了解如何结合这些工具来构建一个完整的Node.js Web 应用。
1. 准备工作
首先，确保你已经安装了Node.js和npm（Node.js 的包管理工具）。
然后创建一个新的文件夹作为我们的项目目录，并在命令行中执行以下命令，初始化一个新的Node.js项目：
Bash
npm init -y2. 安装依赖
接下来，我们需要安装Express、EJS和Mongoose作为我们项目的依赖：
Bash
npm install express ejs mongoose3. 创建Express 应用
在项目目录下创建一个名为app.js的文件，并编写以下代码：
JavaScript
const express = require('express');
const app = express();
const port = 3000;
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index', { title: 'Express + EJS + Mongoose Example' });
});
app.listen(port, () => {
console.log(`App listening at http://localhost:${port}`);
});4. 创建EJS视图
在项目目录下创建一个名为views的文件夹，并在其中创建一个名为index.ejs的文件，编写以下代码：
Markup
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
</head>
<body>
<h1>Welcome to <%= title %></h1>
</body>
</html>5. 使用Mongoose连接数据库
在app.js中添加Mongoose连接数据库的代码：
JavaScript
const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/mydb', {useNewUrlParser: true, useUnifiedTopology: true})
.then(() => {
console.log('Connected to the database');
})
.catch((err) => {
console.error('Error connecting to the database', err);
});代码示例
JavaScript
// 完整的app.js代码
const express = require('express');
const mongoose = require('mongoose');
const app = express();
const port = 3000;
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index', { title: 'Express + EJS + Mongoose Example' });
});
mongoose.connect('mongodb://localhost:27017/mydb', {useNewUrlParser: true, useUnifiedTopology: true})
.then(() => {
console.log('Connected to the database');
})
.catch((err) => {
console.error('Error connecting to the database', err);
});
app.listen(port, () => {
console.log(`App listening at http://localhost:${port}`);
});Markup
<!-- 完整的index.ejs代码 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
</head>
<body>
<h1>Welcome to <%= title %></h1>
</body>
</html>总结
通过本文的介绍，我们学习了如何使用Node.js的Express框架、EJS模板引擎和Mongoose库来构建一个简单的Web应用实例。
通过这个示例，我们可以了解到如何快速搭建一个Node.js Web 应用的基本流程，以及如何使用EJS进行页面渲染，Mongoose进行数据库连接。
希望读者能够通过本文对Node.js的Web开发有更深入的了解，并能够在实际项目中灵活运用这些技术，构建出更加强大和可维护的Web应用。
