【node学习】使用node简单搭建一个网页和todo

如何使用 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:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Elik-hb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值