Express.js 是一个基于 Node.js 的快速、开放的 Web 应用程序框架，它为构建单页、多页和混合 Web 应用提供了一套丰富的功能和工具。
为何选择 Express.js
Express.js 在 Node.js 社区中非常流行，主要有以下几个原因：
- 轻量级：Express.js 是一个精简而灵活的框架，没有过多的附加功能，让开发者能够更加专注于构建自己的应用程序。
- 中间件支持：Express.js 通过中间件机制提供了丰富的扩展性，可以轻松地添加功能，例如身份验证、会话管理、错误处理等。
- 路由系统：Express.js 提供了简单易用的路由系统，可以帮助我们将请求映射到相应的处理程序上。
- 模板引擎：Express.js 支持多种模板引擎，例如 EJS、Pug 等，使得在服务端渲染页面变得更加容易。
快速入门
首先，确保您已经在本地安装了 Node.js 和 npm。
- 初始化项目：创建一个新的文件夹并在命令行中进入该文件夹。然后运行以下命令来初始化一个新的 Express.js 项目。
$ npm init
按照提示设置项目名称、版本等信息，并确保在 package.json 文件中的 main 字段的值为 index.js。
- 安装 Express.js：运行以下命令来安装 Express.js。
$ npm install express
- 创建入口文件：在项目文件夹中创建一个名为
index.js的文件，并在其中添加以下代码：
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.send('Hello, Express.js!')
})
app.listen(3000, () => {
console.log('Server is running on port 3000')
})
- 启动应用程序：运行以下命令以启动应用程序。
$ node index.js
现在，您的 Express.js 应用程序已经在本地计算机的 http://localhost:3000 上运行了。
实践示例
以下是一个简单的 Express.js 实践示例，用于展示如何处理路由和模板引擎。
- 安装模板引擎：运行以下命令来安装 EJS 模板引擎。
$ npm install ejs
- 修改入口文件：在
index.js中添加以下代码。
const express = require('express')
const app = express()
app.set('view engine', 'ejs') // 设置模板引擎
app.get('/', (req, res) => {
res.render('index', { message: 'Hello, Express.js!' }) // 渲染视图
})
app.listen(3000, () => {
console.log('Server is running on port 3000')
})
- 创建视图文件：在项目文件夹中创建一个名为
views的文件夹，并在其中创建一个名为index.ejs的文件。在index.ejs中添加以下代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Express.js Example</title>
</head>
<body>
<h1><%= message %></h1>
</body>
</html>
- 启动应用程序：再次运行
$ node index.js命令以启动应用程序。
现在，您的 Express.js 应用程序将使用 EJS 模板引擎来渲染 index.ejs 视图，并在浏览器中显示 "Hello, Express.js!" 的消息。
总结：本文介绍了 Express.js 框架的基本概念和入门实践。通过掌握 Express.js，您将能够更加轻松地构建功能丰富的 Web 应用程序，并快速上线您的项目。
祝您愉快的 Express.js 之旅！
评论 (0)