如何使用 Node.js 和 Express 搭建动态网页
搭建一个简单的动态网页是学习 Node.js 和 Express 的一个很好的实践。本文将分步骤指导你如何从零开始搭建一个动态网页应用。
步骤 1:安装 Node.js 和 npm
首先,确保你已经安装了 Node.js 和 npm(Node 包管理器)。可以从 Node.js 官方网站 下载并安装最新版本。
步骤 2:初始化项目
在终端或命令行中,创建一个新的项目目录并初始化 npm:
mkdir dynamic-webpage
cd dynamic-webpage
npm init -y
这会在项目目录中创建一个 package.json
文件,包含项目的基本配置信息。
步骤 3:安装 Express 框架
Express 是一个简洁且灵活的 Node.js web 应用框架。安装 Express 及其依赖包:
npm install express
步骤 4:创建服务器文件
在项目目录中创建一个名为 server.js
的文件,并编写以下内容:
const express = require('express');
const path = require('path');
const app = express();
const port = 3000;
// 设置视图引擎
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));
// 路由
app.get('/', (req, res) => {
res.render('index', {
title: '动态网页示例', message: '欢迎使用 Node.js 和 Express 搭建的动态网页!' });
});
// 启动服务器
app.listen(port, () => {
console.log(`服务器正在运行在 http://localhost: