node渲染html模板的两种方法

最新推荐文章于 2024-05-15 08:37:31 发布

Mr_Wu2018

最新推荐文章于 2024-05-15 08:37:31 发布

阅读量1.2k

点赞数

分类专栏： nodejs 文章标签： servlet 前端 java

原文链接：https://blog.csdn.net/Elimeny/article/details/88378454

版权

nodejs 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

本文介绍了在Node.js中使用ejs和swig两种不同的模板引擎来渲染HTML文件的方法。通过示例代码展示了如何设置渲染引擎、传递参数，并在HTML模板中使用这些参数。总结了两种引擎的使用方式，帮助开发者理解如何在后端处理和呈现前端内容。

摘要由CSDN通过智能技术生成

Nodejs在进行渲染前端文件的时候，可以使用ejs或者swig渲染引擎

下面是两种方法来进行渲染html文件

方式一：使用ejs渲染引擎

后台JS文件

HTML模板文件

方式二：使用ｓｗｉｇ进行渲染ＨＴＭＬ模板

后台JS文件

HTML模板文件

总结：

引擎设置

接收参数

方式一：使用ejs渲染引擎
后台JS文件
var express=require('express');
var ejs=require('ejs');

app=express();
//设置渲染文件的目录
app.set('views','./views');
//设置html模板渲染引擎
app.engine('html',ejs.__express);
//设置渲染引擎为html
app.set('view engine','html');

//调用路由，进行页面渲染
app.get('/',function(request,response){
//调用渲染模板
response.render('login',{
//传参
title:'首页', content:'Render template'
});

});
app.listen(8005);
console.log('http://127.0.0.1:8005');
HTML模板文件
在使用ejs模板引擎传输参数，接受的时候参数包含在<%=%>里面.例如：<%=KeyName%>

<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">

<title><%=title%></title>
</head>
<body style="height: 100%; margin: 0">
<h1><%=content%></h1>
</body>
</html>