express 设置视图目录

在使用 Express 框架开发 Web 应用程序时，我们经常需要设置视图目录。视图目录是存放应用程序模板文件的文件夹，这些模板文件用于生成动态的 HTML 页面。

为什么要设置视图目录？

设置视图目录的好处包括：

1. 代码组织：将模板文件与其他文件分开存放，使代码更加有组织结构。
2. 复用性：通过将模板文件存放在单独的目录中，可以方便地在多个路由中重用。
3. 代码维护：当需要修改模板文件时，只需修改对应的模板文件，而不用在多处寻找并修改相同的代码。

如何设置视图目录？

使用 Express 框架设置视图目录非常简单。首先，确保已经安装了 Express：

npm install express

然后，在应用程序代码中加入以下代码片段来设置视图目录：

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

// 设置视图目录
app.set('views', './views');

// 进一步配置视图引擎
app.set('view engine', 'ejs');

// 其他应用程序代码...

// 监听端口
app.listen(3000, () => {
  console.log('应用程序已启动，监听端口 3000');
});

以上代码中，我们使用 app.set() 方法来设置视图目录（使用相对路径），即将 ./views 目录作为视图目录。同时，我们还使用 app.set() 方法来配置视图引擎为 EJS（Embedded JavaScript Templates）。如需使用其他视图引擎，只需将 'ejs' 替换为相应的引擎名称。

总结

通过设置视图目录，我们可以更好地组织和维护 Express 应用程序中的模板文件。你只需使用 app.set('views', './your-views-directory') 就能设置视图目录。并且，使用 app.set('view engine', 'your-template-engine') 来配置视图引擎。

希望你能从这个简单介绍中了解如何使用 Express 设置视图目录。祝你在开发 Web 应用程序的过程中取得成功！