如何使用Express在NodeJS中创建一个通用的Header或Footer,而不使用hbs或ejs等模板引擎

e0bqpujr  于 2023-05-17  发布在  Node.js
关注(0)|答案(1)|浏览(152)

我想创建共同的页眉(导航栏)和页脚页面被列入多页/网站的几个页面。使用nodejs和expressjs创建动态网站
将navbar和footer的代码放在common header.html和footer.html中,并在其他html页面中调用或包含此公共header/navbar和footer html页面。
我想这样做没有模板引擎,如hbs或ejs的网站创建使用Nodejs和expressJs在简单的html文件。

tyg4sfes

tyg4sfes1#

以下是使用Node.js和Express.js在没有模板引擎的情况下为网站创建通用页眉/导航栏和页脚的步骤:
1.在项目的根目录中创建两个名为“public”和“views”的新文件夹。
1.在“public”文件夹中,创建两个名为“header.html”和“footer.html”的新文件。这些文件将包含您常用的页眉/导航栏和页脚的HTML代码。
1.在“视图”文件夹中,为网站的每个页面创建一个新的HTML文件。
1.在每个要包含通用页眉/导航栏和页脚的HTML文件中,在文件的顶部和底部添加以下代码。

<!--#include virtual="../public/header.html" -->
<!--#include virtual="../public/footer.html" -->

注意:上面的代码使用SSI(服务器端包含)语法将头文件和页脚文件包含为静态HTML,这是由Express.js支持的。在Express.js应用中,添加以下两行代码以启用SSI:

const SSI = require('express-ssi');
app.use(SSI({
  baseDir: __dirname + '/views', // The directory where HTML files are stored
  ext: '.html' // The file extension of HTML files
}));

就是这样!

相关问题