nodejs 模板引擎ejs的简单使用(2)

test.ejs

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <% for(var i=0;i<json.arr.length;i++){ %>
    <div>用户名:<%=json.arr[i].user%> 密码:<%=json.arr[i].pass%></div>
    <% } %>
  </body>
</html>

ejs.js

 ejs=require(‘ejs‘);

ejs.renderFile(‘./views/test.ejs‘, {json: {arr: [
  {user: ‘李四‘, pass: ‘123456‘},
  {user: ‘张三‘, pass: ‘987654‘},
  {user: ‘丽华‘, pass: ‘123‘},
]}}, function (err, data){
  console.log(data);
});

输出效果:

时间: 2024-08-11 10:20:43

nodejs 模板引擎ejs的简单使用(2)的相关文章

nodejs 模板引擎ejs的简单使用(3)

1.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <% for(var i=0;i<2;i++){ %> <% include ../a.txt %> <% } %> </body> </html>

JavaScript使用Nodejs模板引擎EJS

HTML文件里加入下面一段代码(下载地址:http://www.embeddedjs.com/): <script type="text/javascript" src="ejs_production.js"></script> Syntax // load a template file, then render it with data html = new EJS({url: '/template.ejs'}).render(data)

nodejs 模板引擎jade的简单使用

1.jade html head style script body div ul li li jade1.js var jade=require('jade'); var str=jade.renderFile('./view/1.jade',{pretty:true}); console.log(str); 项目部署: 输出结果:

模板引擎Thymeleaf的简单了解

模板引擎 SpringBoot中,项目以jar包的形式打包,而不是web项目,而且使用的tomcat是嵌入式的tomcat,故不支持JSP了 模板引擎:JSP.Velocity.Freemarker.Thymeleaf SpringBoot推荐的Thymeleaf: 语法更简单,功能更强大: 1.引入thymeleaf: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>

模板引擎freemarker的简单使用教程

freemarker十分强大,而且不依赖web容器,个人感觉十分好用. 下面直接进主题,freemarker还有什么特性,请找度娘或谷哥~ 一.freemarker生成word 1.创建模板. 我创建模板的方法比较简单,也不知道有没有其他更好的方法,有的话,请告诉我吧~ 首先是新建一个word文档,按照内容格式排好版,然后在需要注入信息的位置先写上占位置的数据,如图1,然后另存为xml文件(我是存为2003版本的xml),然后用文本编辑器把xml打开,在xml中把对应的数据改为freemarke

模板引擎ejs详解

singsingasong.js: const ejs=require('ejs'); ejs.renderFile('./views/singsingasong.ejs', {'name':'singsingasong',json: {arr: [ {user: 'blue', pass: '123456'}, {user: 'zhangsan', pass: '654321'}, {user: 'xiaoming', pass: '999999'}, ]}}, function (err,

PHP自写简单模板引擎,供新手学习

今天要写点小东西,突然想到要用模板引擎.就"随手"写了一个,发上来供新手学习.搞了这么久PHP,想想也真是感慨,当年研究了几天的东西现在一两个小时就弄完了,当年一起完耍的女神现在已经不知所踪了...咳咳,下面是代码: <?php /**************** * @author: 一曲忧伤 * @email: [email protected] * @discription: 简单模板引擎 */ class view { var $tpl_dir = 'template';

artTemplate模板引擎学习实战

在我的一篇关于智能搜索框异步加载数据的文章中,有博友给我留言,认为我手写字符串拼接效率过低,容易出错.在经过一段时间的摸索和学习之后,发现现在拼接字符串的方法都不在是自己去书写了,而是使用Javascript引擎.而javascript引擎的实质就是帮我们把带有JavaScript代码的伪THTML语句编译为HTML. 如果有不了解的朋友,可以前往这两篇文章: 淘宝购物车页面 PC端和移动端实战 淘宝购物车页面 智能搜索框Ajax异步加载数据 源码地址: GitHub:Uncle-Keith 回

js 如何实现模板引擎

这是2013年的某个项目, 开发自己的编辑器,  当中需要用到模板引擎, 后自己简单琢磨了下,  实现了个简易版的.   实现模板解析最大的难题就是 变量解析 , 和如何有效的拼接可执行的字符串. 例:  hello world  {$title} 好 {$content}  {for(var i in data)}  你好  {/for} ,里面有 title,cotnent,data,及for循环,  "{$ }" 代表变量, "{for}"代表循环,{/for