📜  express js 样板 - Javascript (1)

📅  最后修改于: 2023-12-03 15:30:41.227000             🧑  作者: Mango

Express JS 样板 - JavaScript

介绍

Express JS 是 Node.js 环境下最流行的 Web 应用程序框架之一。它提供了快速开发 Web 应用的便利性和灵活性。使用 Express JS 样板可以快速搭建起一个基于 Express JS 的 Web 应用程序。该样板提供了一些常用的基础配置和预设,包括静态资源服务、路由管理、错误处理等。

安装

在安装之前,确保你已经安装好了 Node.js。

进入你的项目目录,通过 npm 安装 Express:

npm install express

如果你使用了特定的插件或依赖库,也可以一并安装。

使用
创建应用
const express = require('express');
const app = express();

这段代码中,我们导入了 Express 模块,并创建了一个 Express 实例。

Hello World
app.get('/', function(req, res) {
  res.send('Hello World!');
});

这段代码会在浏览器中输出 "Hello World!"。

静态资源服务
app.use(express.static('public'));

这段代码中,我们指定了 public 文件夹中的所有静态资源(如 HTML、CSS、JavaScript)都可以被访问。

路由管理
app.get('/books', function(req, res) {
  res.send('Books');
});

app.get('/books/:id', function(req, res) {
  const bookId = req.params.id;
  res.send(`Book ID: ${bookId}`);
});

这段代码中,我们定义了两个路由。第一个路由 '/books' 返回 "Books" 字符串,第二个路由 '/books/:id' 返回一个包含 id 参数的字符串。例如,访问 '/books/123' 会返回 "Book ID:123"。

错误处理
app.use(function(req, res) {
  res.status(404).send("404 Not Found");
});

app.use(function(err, req, res, next) {
  console.error(err.stack);
  res.status(500).send('500 Internal Server Error');
});

这段代码中,我们定义了两个错误处理中间件。第一个处理 404 错误(即找不到页面),返回 "404 Not Found"。第二个处理其他错误,将错误信息输出到控制台并返回 "500 Internal Server Error"。

总结

使用 Express JS 样板可以快速搭建一个基于 Express JS 的 Web 应用程序。在样板中,我们学习了常用的基础配置和预设,包括静态资源服务、路由管理、错误处理等。使用这些配置和预设,可以大大提升 Web 应用程序开发的效率和质量。