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

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

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

课程地址:https://developer.aliyun.com/learning/course/588/detail/8324ejs模板引擎使用(独立使用,没有集成express)


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>

image.png

相关文章
|
3月前
|
Java jenkins Shell
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
|
3月前
|
jenkins 持续交付
jenkins学习笔记之六:共享库方式集成构建工具
jenkins学习笔记之六:共享库方式集成构建工具
|
3月前
|
jenkins 持续交付
jenkins学习笔记之九:jenkins认证集成github
jenkins学习笔记之九:jenkins认证集成github
|
3月前
|
安全 jenkins 持续交付
jenkins学习笔记之八:jenkins认证集成gitlab
jenkins学习笔记之八:jenkins认证集成gitlab
|
3月前
|
jenkins Devops 持续交付
jenkins学习笔记之七:jenkins集成LDAP用户认证
jenkins学习笔记之七:jenkins集成LDAP用户认证
|
6月前
|
机器学习/深度学习
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
零基础入门语义分割-地表建筑物识别 Task6 模型集成-学习笔记
83 1
|
存储 监控 大数据
数据治理专业认证CDMP学习笔记(思维导图与知识点)- 第八章数据集成和互操作篇
数据治理专业认证CDMP学习笔记(思维导图与知识点)- 第八章数据集成和互操作篇
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
java202304java学习笔记第五十二天员工管理-阿里云oss-集成服务2
88 0
|
Java Spring
java202304java学习笔记第六十一天-ssm-spring配置文件-spring集成web环境
java202304java学习笔记第六十一天-ssm-spring配置文件-spring集成web环境
76 0
java202304java学习笔记第六十一天-ssm-spring配置文件-spring集成web环境
|
监控 Dubbo 网络协议
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发(下)
【SpringBoot学习笔记 十四】SpringBoot+Dubbo+Zookeeper集成开发(下)
184 0