Node.js Express网站建设入门指南

一、Node.js和Express简介

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许JavaScript在服务器端运行。Express则是一个基于Node.js的极简、灵活的web开发框架，提供了许多强大的特性，如路由、模板渲染等。

二、环境搭建

首先，您需要在本地安装Node.js。安装完成后，您可以通过npm（Node.js的包管理器）来安装Express。在命令行中输入以下命令：

npm install express --save

三、创建项目结构

创建一个新的文件夹作为您的项目目录，并在该目录下创建以下文件：

• app.js：主入口文件
• views：存放模板文件（如：index.ejs）
• public：存放静态文件（如：CSS、JavaScript、图片等）

四、编写主入口文件

在app.js文件中，引入Express模块并创建一个新的Express应用实例：

const express = require('express');
const app = express();

五、配置视图引擎

Express支持多种模板引擎，这里我们以EJS为例。首先，您需要安装EJS：

npm install ejs --save

然后，在app.js文件中配置EJS为视图引擎：

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

六、创建路由

在Express中，路由用于处理客户端的请求。以下是一个简单的路由示例，当用户访问根路径（/）时，返回index.ejs模板渲染的页面：

app.get('/', (req, res) => {
  res.render('index');
});

七、监听端口

最后，您需要让Express应用监听一个端口。以下代码将使应用监听3000端口：

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

八、启动服务器

在命令行中进入项目目录，输入以下命令启动服务器：

node app.js

此时，您可以在浏览器中访问http://localhost:3000查看您的网站。

九、添加静态文件支持

为了提供CSS、JavaScript等静态文件，您可以使用Express的use方法将public文件夹设置为静态文件目录：

app.use(express.static('public'));

十、总结

本文介绍了如何使用Node.js和Express框架快速搭建一个基础网站。通过实例演示了如何安装和配置环境、创建路由和处理请求、使用模板引擎渲染页面等核心技术。希望这篇文章能帮助您入门Node.js和Express网站建设，为后续的深入学习和实践打下基础。