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>

相关文章
|
7月前
|
负载均衡 安全 中间件
Express——结合multer上传图片、EJS
Express——结合multer上传图片、EJS
|
3月前
|
机器学习/深度学习
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
38 1
|
8月前
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
68 0
|
8月前
|
JavaScript API
Node.js学习笔记----使用express编写接口
Node.js学习笔记----使用express编写接口
|
8月前
|
JavaScript Windows
Node.js学习笔记----express
Node.js学习笔记----express
|
10月前
|
监控 Dubbo 网络协议
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发(下)
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发(下)
156 0
|
10月前
|
消息中间件 监控 Dubbo
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发
121 0
|
10月前
|
JSON 前端开发 Java
【SpringBoot学习笔记 十三】SpringBoot集成Swagger3.0
【SpringBoot学习笔记 十三】SpringBoot集成Swagger3.0
359 0
|
10月前
|
SQL XML 存储
【MyBatis学习笔记 一】MyBatis基本概念及项目集成
【MyBatis学习笔记 一】MyBatis基本概念及项目集成
77 0
|
10月前
|
机器学习/深度学习 算法 前端开发
学习笔记: 机器学习经典算法-集成学习策略
机器学习经典算法-个人笔记和学习心得分享
120 0