正文

新手必看：轻松掌握Express.js，Node.js框架实战指南

/0 浏览量
0604

了解Express.js和Node.js

Express.js是一个基于Node.js的Web应用框架，它可以帮助开发者快速创建服务器端应用。Node.js则是一个允许JavaScript代码在服务器端运行的运行环境。两者结合，为开发者提供了一个高效、灵活的Web开发平台。

Express.js简介

Express.js是一个简洁且灵活的Node.js Web应用框架，它提供了一系列中间件和实用工具，使得创建Web应用变得轻松快捷。Express.js的核心特点包括：

  • 轻量级：Express.js本身不包含任何模板引擎，但可以与多种模板引擎搭配使用。
  • 易于使用：通过一系列中间件，Express.js简化了路由、请求处理、响应等操作。
  • 高度可扩展：Express.js可以轻松集成各种第三方库和中间件，满足不同需求。

Node.js简介

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码。Node.js的核心特点包括：

  • 非阻塞I/O：Node.js使用事件驱动、非阻塞I/O模型，使得其能够高效处理大量并发连接。
  • 单线程：Node.js采用单线程模型，避免了多线程编程中的同步和锁等问题。
  • 高性能：Node.js在服务器端应用中表现出色，尤其适合处理I/O密集型任务。

Express.js实战指南

安装Node.js

首先，您需要在计算机上安装Node.js。可以从Node.js官网下载安装包，按照提示完成安装。

创建Express.js项目

  1. 打开命令行工具。
  2. 创建一个新文件夹，例如express-demo。
  3. 切换到该文件夹，并执行以下命令：
npm init -y

这会创建一个名为package.json的文件，用于存储项目依赖和配置信息。

  1. 安装Express.js框架：
npm install express --save
  1. 创建一个名为app.js的文件，并编写以下代码：
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, Express!');
});

const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

这会创建一个简单的Express.js服务器，当访问根路径时，会返回“Hello, Express!”。

添加路由和中间件

  1. 在app.js中，添加一个名为router.js的文件：
const express = require('express');
const router = express.Router();

router.get('/about', (req, res) => {
  res.send('About page');
});

module.exports = router;
  1. 在app.js中引入并使用router.js：
const express = require('express');
const router = require('./router');

const app = express();

app.use(router);

const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

现在，当访问/about路径时，会返回“About page”。

集成模板引擎

Express.js支持多种模板引擎，例如EJS、Pug、Handlebars等。以下以EJS为例，介绍如何集成模板引擎：

  1. 安装EJS：
npm install ejs --save
  1. 在app.js中配置EJS：
const express = require('express');
const router = require('./router');
const app = express();

app.set('view engine', 'ejs');

app.use(router);

const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});
  1. 创建一个名为index.ejs的文件，并编写以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Express.js Demo</title>
</head>
<body>
  <h1>Hello, Express!</h1>
</body>
</html>

现在，当访问根路径时，会渲染index.ejs模板。

总结

本文介绍了Express.js和Node.js的基本概念，并提供了实战指南，帮助新手快速上手。通过学习本文，您应该能够创建一个简单的Express.js项目，并了解如何添加路由、中间件和模板引擎。祝您在Express.js和Node.js的学习之旅中一切顺利！

-- 展开阅读全文 --