在现代 Web 开发中，后端常常使用 Node.js 作为主要的开发语言，而 Express.js 是 Node.js 中最常用的 Web 框架之一。Express.js 的主要优势之一是其灵活性，但这也意味着我们需要从头开始构建各种功能。这时候，可以使用多种第三方的 npm 包来解决这些问题。其中，一个非常实用的 npm 包就是 express-helpers。
express-helpers 简介
express-helpers 是一个帮助 Express.js 开发人员快速构建 Web 应用的 npm 包。它提供了一系列的实用函数，如输出 HTML、JSON 对象等，使得我们能够深入专注于业务逻辑的开发。
express-helpers 使用
首先，安装 express-helpers。在终端输入以下指令：
npm install express-helpers --save
它会自动下载和安装 express-helpers 并且将其添加到 package.json 文件中。
在 Express.js 项目中，应该添加两个中间件：
const exphbs = require('express-helpers'); const express = require('express'); const app = express(); app.use(exphbs({ defaultLayout: 'main' })); app.use(express.static('public'));
exphbs中间件允许我们使用模板引擎来渲染 HTML 页面。main是模板引擎的默认布局，Express.js 会使用这个布局来呈现网页。express-helpers 还提供了更多的选项，如分页、日期格式化等。我们可以在官方文档中了解这些选项的详情。express.static中间件允许我们在 Express.js 项目中提供静态文件。比如，我们可以添加一个public目录，其中包含了所有的图片、样式和脚本文件。如下所示：app.use(express.static(path.join(__dirname, 'public')));
这样，我们就可以在 HTML 页面中引用这些静态文件。
接下来，我们可以使用 express-helpers 中的一些实用函数，如输出 HTML 标记、输出 JSON 对象等。以下是示例代码：
-- -------------------- ---- ------- ----- ------ - ----------------------------- ----- ------- - ------------------- ----- --- - ---------- ----------------- -------- ----- ---- - ------------------------------ ------ ---------- --- ---------------- -------- ----- ---- - ----- ---- - - ----- ------- ---- -- -- --------------- ---
展开代码在这个示例中，我们使用了
exphbs.html_tag函数来输出一个h1标记，和res.json函数来输出一个 JSON 对象。在res.send和res.json函数中，我们只需要传入需要输出的内容即可。最后，我们可以在本地运行我们的 Express.js 项目。在终端中，输入以下指令：
node app.js
这条指令会运行
app.js文件，这个文件包含了所有的路由和中间件。接下来打开浏览器，输入localhost:3000/hello，就可以看到一个带有 "Hello world!" 的h1标记的 HTML 页面。输入localhost:3000/json，就会输出一个包含名字和年龄属性的 JSON 对象。你可以根据你的需要修改这些路由和中间件。
express-helpers 指导意义
在 Web 开发中，我们经常需要处理各种数据，并将这些数据以不同的形式呈现给用户。对于 Express.js 开发人员而言，express-helpers 是一个非常实用的 npm 包。通过使用这个包，我们可以更加专注于业务逻辑的开发，而不用考虑各种低级的问题。
除此之外，express-helpers 可以大量减少我们的开发时间，使得我们能够更加高效地开发 Web 应用。最后，需要注意的是，无论我们使用什么开发工具，我们都应该在开发过程中不断地学习新的技术和工具，以便更加高效地解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67004
