Question

我在sctoch.io上按照本教程使用ejs文件，但我正在寻找包含当前页面的主索引。

在教程中，我们将在所有新闻页面中添加head，header和footer。

但我想写一次。例如：

<html lang="en">
<head>
    <% include ../partials/head %>
</head>
<body class="container">

    <header>
        <% include ../partials/header %>
    </header>

    <main>
        <!-- Here is that I want -->
        <% include ../partials/main %>
    </main>

    <footer>
        <% include ../partials/footer %>
    </footer>

</body>
</html>

当我在导航栏的不同链接上进行clic时，如何在主文件中加载好页面？

Answer 1

首先，你必须使用Express和他的模板引擎（视图），所以只需在你创建的每个新文件中添加页眉和页脚

<% include header %>

 <!-- yout html code -->

<% include footer %>

当你渲染它时，只需说出

res.render('YourNewFile');

你的标题看起来应该是这样的..

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  <title><%- title %></title>
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>

并且页脚..只需要关闭所有标签..并加载一些脚本

<script src="..."></script>
</body>
</html>

节点js .ejs文件主索引

1 个答案: