ejs模板引擎使用(独立使用,没有集成 express)|学习笔记

简介: 快速学习 ejs 模板引擎使用(独立使用,没有集成 express)

开发者学堂课程【Node.js 入门与实战 ejs 模板引擎使用(独立使用,没有集成express)】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8324



ejs模板引擎使用(独立使用,没有集成express)

 

内容介绍:

一、ejs 模板引擎使用方法

二、范例

 

一、ejs 模板引擎使用方法

1. 使用方法并安装 ejs

npm install ejs

2. 母版语法

Control flow with<% %>

Escaped output with<%=%>(escape function configurable)

3. 示例代码

< % if(user) {%>

<h2><%=user.name %></h2>

<%}%>

4.使用方法

1.

var template = ejs.compile(str,options) ;

template (data) ;

// => Rendered HTML string

//带母版的语法传过来,在重新进行编译,返回就是渲染好的数据

2.

ejs.render (str,data,options) ;

// => Rendered HTML string

//把带母版语法传过来,就会回传一个渲染好的文件

3.

ejs. renderFile (fi lename, data, opt i ons ,funct ion (errstr){

//str => Rendered HTML String

});//读取一个文件

 

二、范例

1.

//加载 ejs 模块

var ejs = require('ejs');

// render

var html = '<h1><%= username %></h1>' ;//进行替换的变量

var result = ejs .render(html, {username: '张三' });

console.log(result);//返回的就是渲染好的结果

输出结果为:

<h1>张三</h1>

image.png

2.调用 render file

新建 index.html 文件

<!DOCTYPE html>

<html lang="en>

<head>

<meta charset="UTF-8">

<title><%= title %x/title>

</head>

<body>

<u1>

 <% for (var i=0;i < 5;i++){%>//循环

<li><%=msg %></li>

<% }%>

</ul>

</body>

</html>//带母版语法的 html 文件

var ejs = require('ejs');

var path = require(' path') ;//定义 path 变量

// renderFile

ejs.renderFile(path.join(__dirname,'index.html'),{title:'这是个演示标题’,msg:'你好世界!‘}, function (err,result){

// body...

console.log(result);

});//回调函数,并输出结果

输出结果为:

<li>你好世界! </li>

<li>你好世界! </li>

<li>你好世界! </li>

<li>你好世界! </li>

<li>你好世界! </li>

相关文章
|
负载均衡 安全 中间件
Express——结合multer上传图片、EJS
Express——结合multer上传图片、EJS
167 0
|
4月前
|
jenkins 持续交付
jenkins学习笔记之六:共享库方式集成构建工具
jenkins学习笔记之六:共享库方式集成构建工具
|
4月前
|
Java jenkins Shell
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
|
4月前
|
jenkins 持续交付
jenkins学习笔记之九:jenkins认证集成github
jenkins学习笔记之九:jenkins认证集成github
|
4月前
|
安全 jenkins 持续交付
jenkins学习笔记之八:jenkins认证集成gitlab
jenkins学习笔记之八:jenkins认证集成gitlab
|
4月前
|
jenkins Devops 持续交付
jenkins学习笔记之七:jenkins集成LDAP用户认证
jenkins学习笔记之七:jenkins集成LDAP用户认证
|
7月前
|
机器学习/深度学习
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
86 1
|
存储 监控 大数据
数据治理专业认证CDMP学习笔记(思维导图与知识点)- 第八章数据集成和互操作篇
数据治理专业认证CDMP学习笔记(思维导图与知识点)- 第八章数据集成和互操作篇
116 0
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
89 0
|
JavaScript API
Node.js学习笔记----使用express编写接口
Node.js学习笔记----使用express编写接口