我想创建共同的页眉(导航栏)和页脚页面被列入多页/网站的几个页面。使用nodejs和expressjs创建动态网站将navbar和footer的代码放在common header.html和footer.html中,并在其他html页面中调用或包含此公共header/navbar和footer html页面。我想这样做没有模板引擎,如hbs或ejs的网站创建使用Nodejs和expressJs在简单的html文件。
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 }));
就是这样!
1条答案
按热度按时间tyg4sfes1#
以下是使用Node.js和Express.js在没有模板引擎的情况下为网站创建通用页眉/导航栏和页脚的步骤:
1.在项目的根目录中创建两个名为“public”和“views”的新文件夹。
1.在“public”文件夹中,创建两个名为“header.html”和“footer.html”的新文件。这些文件将包含您常用的页眉/导航栏和页脚的HTML代码。
1.在“视图”文件夹中,为网站的每个页面创建一个新的HTML文件。
1.在每个要包含通用页眉/导航栏和页脚的HTML文件中,在文件的顶部和底部添加以下代码。
注意:上面的代码使用SSI(服务器端包含)语法将头文件和页脚文件包含为静态HTML,这是由Express.js支持的。在Express.js应用中,添加以下两行代码以启用SSI:
就是这样!