[技术分享]node 之 ejs 模板引擎

yizhiyan发布于8 天前 • 25 次阅读

上理论

EJS 是后台模板,可以把我们数据库和文件读取的数据显示到 Html 页面上面。它 是一个第三方模块。

安装

npm install ejs

常用标签

<% %>流程控制标签
<%= %>输出标签(原文输出 HTML 标签)
<%- %>输出标签(HTML 会被浏览器解析)

使用

1.js页面

let http=require('http');
let ejs=require('ejs');

http.createServer((req,res)=>{
    res.writeHead(200,{
        'Content-type':'text/html;charset=utf-8'
    });
    //创建数组
    let list=[1,3,4,5,1];
    //加载模板渲染
    ejs.renderFile('../views/login.ejs',{
        name:'张三',
        list
    },(err,data)=>{
        res.write(data);
        res.end();
    })
}).listen(8848);

2.ejs页面

<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    当前用户:<%= name %>
    <hr>
    <ul>
        <% for (let it of list){%>
        <li><%= it%></li>
        <% } %>
    </ul>
</body>
</html>

3.效果 1.PNG

总结

ejs就是个渲染引擎,这里简单的使用一下。ejs使用大大的方便了数据渲染页面,服务端渲染。ejs跟php很像,但也有所不同,php是无需加载相当于自带的,ejs是第三方模块需要单独安装。

转自易支烟的个人博客 http://blog.1zyan.cn/1006.html

共收到 0 条回复