Express JS中的静态页眉和静态页脚

// 安装EJS模板引擎
npm install ejs

// 在Express应用程序中设置EJS作为模板引擎
app.set('view engine', 'ejs');

// 创建一个包含静态页眉和静态页脚的模板文件（header.ejs）
<header>
  <h1>网站标题</h1>
  <nav>
    <a href="/">首页</a>
    <a href="/about">关于</a>
    <a href="/contact">联系我们</a>
  </nav>
</header>

// 创建一个包含静态页眉和静态页脚的模板文件（footer.ejs）
<footer>
  <p>版权信息 © 2022</p>
  <p>联系方式：example@example.com</p>
</footer>

// 在Express路由中使用模板引擎渲染页面
app.get('/', function(req, res) {
  res.render('index', { header: 'header', footer: 'footer' });
});

// 在模板文件中引入静态页眉和静态页脚
<%- include(header) %>
<h2>首页内容</h2>
<%- include(footer) %>

// 安装Pug模板引擎
npm install pug

// 在Express应用程序中设置Pug作为模板引擎
app.set('view engine', 'pug');

// 创建一个包含静态页眉和静态页脚的模板文件（header.pug）
header
  h1 网站标题
  nav
    a(href='/') 首页
    a(href='/about') 关于
    a(href='/contact') 联系我们

// 创建一个包含静态页眉和静态页脚的模板文件（footer.pug）
footer
  p 版权信息 © 2022
  p 联系方式：example@example.com

// 在Express路由中使用模板引擎渲染页面
app.get('/', function(req, res) {
  res.render('index', { header: 'header', footer: 'footer' });
});

// 在模板文件中引入静态页眉和静态页脚
include header
h2 首页内容
include footer