node渲染html模板的两种方法

最新推荐文章于 2024-03-13 12:30:45 发布

小羽Jary

最新推荐文章于 2024-03-13 12:30:45 发布

阅读量8.6k

点赞数 2

分类专栏： nodejs 文章标签： html 渲染

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

版权

nodejs 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

下面是两种方法来进行渲染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>-->
    <title><%=title%></title>
</head>
<body style="height: 100%; margin: 0">
<h1><%=content%></h1>
</body>
</html>

效果：

方式二：使用swig进行渲染HTML模板

后台JS文件

var express=require('express');
var swig=require('swig');

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

app.listen(8005);

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

});
console.log('http://127.0.0.1:8005');

HTML模板文件

在使用swig模板引擎传输参数，接受的时候参数包含在{{}}里面.例如：{{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>

效果：

总结：

引擎设置

使用ejs渲染html模板的时候，html引擎设置为：

app.engine('html',ejs.__express);

使用ejs渲染html模板的时候，html引擎设置为：

app.engine('html',swig.renderFile);

接收参数

ejs引擎接收参数方式： <%=KeyName%>

swig引擎接收参数方式：{{KeyName}}

以上就是nodejs对HTML模板进行渲染的两种方式，记录一下希望对你有用！

小羽Jary

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
0
评论
node渲染html模板的两种方法

Nodejs在进行渲染前端文件的时候，可以使用ejs或者swig渲染引擎下面是两种方法来进行渲染html文件目录方式一：使用ejs渲染引擎后台JS文件HTML模板文件方式二：使用ｓｗｉｇ进行渲染ＨＴＭＬ模板后台JS文件HTML模板文件总结：引擎设置接收参数方式一：使用ejs渲染引擎后台JS文件var express=require('exp...
复制链接

扫一扫