Nodejs express 如何关闭模板引擎?

Nodejs express 如何关闭模板引擎?

我的问题是这样的, 前端是backbone+handlebars, 后端是express+handlebars. restful api

在一个页面渲染后, 例如首页

app.get('/', function(req, res){
    res.render('adminemaillist');
});

发现一个问题就是 在模板中 已经有了{{productname}} 的handlebars 标签, 后端渲染后 把这些都已经替换了. 可是我在前端backbone中还需要 用到 {{productname}}标签模板. 但已经在渲染后的html页面代码中找不到了. 都已经被替换了.

所以我想的的方法 是如何关闭模板, 前端全部用纯静态页面+js + backbone 渲染. 但是例如上面的访问 首页 / 必须是要经过路由和模板引擎. 我不想要任何模板引擎

例如直接访问一个/index1.html 是访问在public/下的静态html文件 是没问题的. 但如果是 / 这样的路径如何访问静态文件?


7 回复

当然可以。你的问题主要在于希望在Express应用中关闭模板引擎，以便前端使用Backbone.js和Handlebars进行独立渲染。以下是具体的解决方案和示例代码。

解决方案

你可以通过以下步骤来关闭模板引擎：

  1. 删除或禁用模板引擎中间件：如果你已经安装了如express-handlebars等模板引擎，你需要确保在配置路由时不再使用这些中间件。
  2. 设置静态文件服务：确保Express能够正确地提供静态文件（例如HTML、CSS、JavaScript等）。

示例代码

首先，假设你已经安装了Express并创建了一个基本的应用。以下是具体的实现步骤：

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

const app = express();

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 删除或禁用模板引擎中间件
// 如果你之前有类似这样的配置：
// const exphbs = require('express-handlebars');
// app.engine('handlebars', exphbs({ defaultLayout: 'main' }));
// app.set('view engine', 'handlebars');

// 确保没有设置任何模板引擎
// app.set('views', path.join(__dirname, 'views'));

// 示例路由
app.get('/', function (req, res) {
    // 不再使用res.render，而是直接发送静态文件
    res.sendFile(path.join(__dirname, 'public/index.html'));
});

// 其他路由保持不变
app.get('/index1.html', function (req, res) {
    res.sendFile(path.join(__dirname, 'public/index1.html'));
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

解释

  1. 设置静态文件服务：

    • app.use(express.static(path.join(__dirname, 'public')));
    • 这行代码告诉Express将public目录中的所有静态文件（如HTML、CSS、JavaScript等）暴露给客户端。

  2. 删除模板引擎配置：

    • 确保没有设置任何模板引擎相关的中间件，如app.engine和app.set('view engine')。

  3. 使用res.sendFile：

    • res.sendFile(path.join(__dirname, 'public/index.html'));
    • 这行代码用于直接发送静态文件，而不是使用模板引擎进行渲染。

通过这种方式，你可以确保前端的Backbone.js和Handlebars模板不会被后端的模板引擎替换。希望这能解决你的问题！


在public是因为你用的这句：app.use express.static __dirname + '/public'如果其他的你也想弄成静态的，也可以这样处理

我就是想 访问localhost:3000/ 等于访问直接访问index.html 如何处理

app.js加

app.engine('html', require('ejs').renderFile)

route处理

app.get('/', function (req, res) {
    res.render('index.html', {
        layout: false
    })
})

如果是 {{}} 冲突，可以在模板中这样写 {{=<% %>=}}，在这之后 {{}} 就替换为 <%%> 如下：

title = ‘标题’;

{{ title }}
<hr>
{{=<% %>=}}
{{ title }}
<% title %>
<hr>
<%={{ }}=%>
{{ title }}
<% title %>

输出为：

标题
<hr>
{{ title }}
标题
<hr>
标题
<% title %>

res.json

或者 res.send ?

为了关闭 Express 中的模板引擎并使用纯静态页面，你可以配置 Express 使用静态文件中间件。这样，所有请求都将直接返回静态文件，而不是通过模板引擎进行处理。

以下是具体的步骤和示例代码：

步骤

  1. 安装 Express（如果还没有安装）：

    npm install express

  2. 配置静态文件中间件： 使用 express.static 中间件来提供静态文件服务。将你的静态文件放在 public 目录下，这样 / 路径也会指向这个目录中的静态文件。

  3. 移除模板引擎配置： 如果你之前配置了 Handlebars 或其他模板引擎，需要将其移除或注释掉。

示例代码

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

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

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 移除模板引擎配置
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'hbs');

app.get('/', (req, res) => {
  // 返回静态文件
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

解释

  • express.static：这是一个中间件函数，用于提供静态文件服务。path.join(__dirname, 'public') 指定了静态文件的根目录。
  • res.sendFile：这个方法用于发送指定路径的文件作为响应。当你访问 / 路径时，Express 将返回 public 目录下的 index.html 文件。

静态文件目录结构

假设你的项目结构如下：

my-app/
├── public/
│   └── index.html
├── app.js
└── package.json

在这种情况下，当你访问 http://localhost:3000/ 时，Express 会返回 public/index.html 文件，而不会通过模板引擎处理。

通过这种方式，你可以完全禁用模板引擎，并确保前端使用 Backbone 和 Handlebars 进行渲染。

回到顶部