正文

从零开始：用Node.js和Express框架搭建实战项目教程

/0 浏览量
0625

前言

随着互联网的快速发展，前端技术日新月异，后端开发也逐渐成为热门领域。Node.js作为一种轻量级的服务器端JavaScript运行环境，因其高性能、跨平台等优势，受到越来越多开发者的青睐。Express框架作为Node.js的一个快速、极简的Web应用开发框架，更是让后端开发变得更加高效。本文将带你从零开始，使用Node.js和Express框架搭建一个实战项目。

环境准备

在开始之前，请确保你的电脑上已安装以下软件：

  1. Node.js：可以从官网（https://nodejs.org/）下载并安装。
  2. Express：可以使用npm（Node.js的包管理器）进行安装。

创建项目

  1. 打开命令行工具，进入你想要创建项目的目录。
  2. 运行以下命令创建一个新的Node.js项目：
npm init -y
  1. 在项目根目录下，运行以下命令安装Express框架：
npm install express --save

项目结构

一个典型的Express项目结构如下：

project/
│
├── node_modules/
│
├── public/
│   └── index.html
│
├── routes/
│   └── index.js
│
├── views/
│   └── index.ejs
│
├── app.js
│
└── package.json
  • public/：存放静态资源，如HTML、CSS、JavaScript等。
  • routes/：存放路由处理文件。
  • views/：存放模板文件。
  • app.js：主文件，定义整个应用。
  • package.json：项目描述文件。

编写代码

1. 创建主文件

在项目根目录下创建一个名为app.js的文件，并编写以下代码：

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

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

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/public/index.html');
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
});

2. 编写路由处理文件

在routes/目录下创建一个名为index.js的文件，并编写以下代码：

const express = require('express');
const router = express.Router();

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

module.exports = router;

3. 配置路由

在app.js中引入并使用路由处理文件：

const express = require('express');
const app = express();
const port = 3000;
const router = require('./routes/index');

app.use(express.static('public'));
app.use('/', router);

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
});

部署项目

  1. 在命令行工具中，进入项目根目录。
  2. 运行以下命令启动项目：
node app.js
  1. 打开浏览器，访问http://localhost:3000，即可看到项目效果。

总结

通过本文的教程，你已成功使用Node.js和Express框架搭建了一个实战项目。在实际开发过程中，你可以根据需求添加更多功能，如数据库连接、用户认证等。希望本文对你有所帮助，祝你学习愉快！

-- 展开阅读全文 --