使用 ejs

编程入门 行业动态 更新时间:2024-10-05 21:16:31

使用 <a href=https://www.elefans.com/category/jswz/34/1771166.html style=ejs"/>

使用 ejs

我想用 Node.js 做一个测试项目

我有一个index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title>Meine Node.js-Testanwendung</title>
  </head>
  <body>
    <h1>Willkommen auf dem Mars!</h1>
    <%- include("locvar.ejs"); %>
    <%- include("result.ejs"); %>
  </body>
</html>

localvar.ejs

<%
  var var1 = "Mars";
  var var2 = "Hallo";
%>

结果.ejs

<%- include("locvar.ejs"); %>
<h2>Original Variablen:</h2>
<p>var1: <%= var1 %></p>
<p>var2: <%= var2 %></p>

<%- include ("change.ejs"); %>
<h2>Change Variablen:</h2>
<p>var1: <%= var1 %></p>
<p>var2: <%= var2 %></p>

<%
  var1 = "Houston";
  var2 = "Problem";
%>

<h2>Geänderte Variablen:</h2>
<p>var1: <%= var1 %></p>
<p>var2: <%= var2 %></p>

和变化.ejs

<%
  var1 = "Hallo";
  var2 = "Mond";
%>

这里是 server.js

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

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
  res.render('index.ejs');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

如何传递局部变量?

首先 result.ejs 应该首先显示来自 locvar.ejs 的数据,然后是来自 change.ejs 的数据,最后是来自 result 的数据。

回答如下:

您可以使用

locals
对象。在您的情况下,您想将
locvar.ejs
中定义的变量传递给
result.ejs

index.ejs 应该包含 result.js

<!DOCTYPE html>
<html>
  <head>
    <title>Meine Node.js-Testanwendung</title>
  </head>
  <body>
    <h1>Willkommen auf dem Mars!</h1>
    <% var var1 = "Mars"; %>
    <% var var2 = "Hallo"; %>
    <% include("result.ejs", { var1: var1, var2: var2 }); %>
  </body>
</html>

修改 result.ejs 以显示从 index.ejs 传递的变量然后渲染 change.ejs

<%- include("locvar.ejs"); %>
<h2>Original Variablen:</h2>
<p>var1: <%= locals.var1 %></p>
<p>var2: <%= locals.var2 %></p>

<%- include ("change.ejs", { var1: locals.var1, var2: locals.var2 }); %>

<h2>Geänderte Variablen:</h2>
<p>var1: <%= locals.var1 %></p>
<p>var2: <%= locals.var2 %></p>

修改 change.ejs 以显示从 result.ejs 传递的变量

<h2>Change Variablen:</h2>
<p>var1: <%= locals.var1 %></p>
<p>var2: <%= locals.var2 %></p>

<%
  locals.var1 = "Hallo";
  locals.var2 = "Mond";
%>

更多推荐

使用 ejs

本文发布于:2024-05-31 02:04:48,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1771160.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:ejs

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!