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
299 0
|
8月前
|
前端开发 Java 数据库
微服务——SpringBoot使用归纳——Spring Boot集成Thymeleaf模板引擎——Thymeleaf 介绍
本课介绍Spring Boot集成Thymeleaf模板引擎。Thymeleaf是一款现代服务器端Java模板引擎,支持Web和独立环境,可实现自然模板开发,便于团队协作。与传统JSP不同,Thymeleaf模板可以直接在浏览器中打开,方便前端人员查看静态原型。通过在HTML标签中添加扩展属性(如`th:text`),Thymeleaf能够在服务运行时动态替换内容,展示数据库中的数据,同时兼容静态页面展示,为开发带来灵活性和便利性。
389 0
|
4月前
|
缓存 JSON 前端开发
第07课:Spring Boot集成Thymeleaf模板引擎
第07课:Spring Boot集成Thymeleaf模板引擎
510 0
第07课:Spring Boot集成Thymeleaf模板引擎
|
8月前
|
JSON 前端开发 Java
微服务——SpringBoot使用归纳——Spring Boot集成Thymeleaf模板引擎——Thymeleaf 的使用
本文介绍了 Thymeleaf 在 Spring Boot 项目中的使用方法,包括访问静态页面、处理对象和 List 数据、常用标签操作等内容。通过示例代码展示了如何配置 404 和 500 错误页面,以及如何在模板中渲染对象属性和列表数据。同时总结了常用的 Thymeleaf 标签,如 `th:value`、`th:if`、`th:each` 等,并提供了官方文档链接以供进一步学习。
658 0
微服务——SpringBoot使用归纳——Spring Boot集成Thymeleaf模板引擎——Thymeleaf 的使用
|
8月前
|
缓存 Java 应用服务中间件
微服务——SpringBoot使用归纳——Spring Boot集成Thymeleaf模板引擎——依赖导入和Thymeleaf相关配置
在Spring Boot中使用Thymeleaf模板,需引入依赖`spring-boot-starter-thymeleaf`,并在HTML页面标签中声明`xmlns:th=&quot;http://www.thymeleaf.org&quot;`。此外,Thymeleaf默认开启页面缓存,开发时建议关闭缓存以实时查看更新效果,配置方式为`spring.thymeleaf.cache: false`。这可避免因缓存导致页面未及时刷新的问题。
357 0
|
jenkins 持续交付
jenkins学习笔记之六:共享库方式集成构建工具
jenkins学习笔记之六:共享库方式集成构建工具
|
Java jenkins Shell
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
jenkins学习笔记之五:Maven、Ant、Gradl、Node构建工具集成
|
jenkins 持续交付
jenkins学习笔记之九:jenkins认证集成github
jenkins学习笔记之九:jenkins认证集成github
|
安全 jenkins 持续交付
jenkins学习笔记之八:jenkins认证集成gitlab
jenkins学习笔记之八:jenkins认证集成gitlab
|
jenkins Devops 持续交付
jenkins学习笔记之七:jenkins集成LDAP用户认证
jenkins学习笔记之七:jenkins集成LDAP用户认证