------------
------------
node.js 模板引ejs。
搜了一把推荐用ejs的最多。
速度比对:http://www.cnblogs.com/fengmk2/archive/2011/04/28/2031971.html
ejs速度不是最快的,推荐最多大概是因为其简单的语法结构。主要通过<% %><%=%>来嵌套代码。比如符合阅读逻辑,同时也省去不少学习语法的成本。
另有一些自定义的方法:如link_to(name, url),img_tag(url)等。
还可以支持json。
===========
ejs的特性:
1、缓存功能,能够缓存已经解析好的html模版;
2、<% code %>用于执行其中javascript代码;
3、<%= code %>会对code进行html转义;
4、<%- code %>将不会进行转义;
5、支持自定义标签,比如'<%'可以使用'{{','%>'用'}}'代替;
6、提供一些辅助函数,用于模版中使用
7、利用<%- include filename %>加载其他页面模版;
使用示例
1、ejs.compile(str, options); 将返回内部解析好的Function函数
2、ejs.render(str, options); 返回经过解析的字符串
其中options的一些参数为:
1、cache:是否缓存解析后的模版,需要filename作为key;
2、filename:模版文件名;
3、scope:complile后的Function执行所在的上下文环境;
4、debug:标识是否是debeg状态,debug为true则会输出生成的Function内容;
5、compileDebug:标识是否是编译debug,为true则会生成解析过程中的跟踪信息,用于调试;
6、client,标识是否用于浏览器客户端运行,为true则返回解析后的可以单独运行的Function函数;
7、open,代码开头标记,默认为'<%';
8、close,代码结束标记,默认为'%>';
9、其他的一些用于解析模版时提供的变量。
在express中使用时,options参数将由response.render进行传入,其中包含了一些express中的设置,以及用户提供的变量值。
此外ejs还提供了一些辅助函数,用于代替使用javascript代码,使得更加方便的操纵数据。
1、first,返回数组的第一个元素;
2、last,返回数组的最后一个元素;
3、capitalize,返回首字母大写的字符串;
4、downcase,返回字符串的小写;
5、upcase,返回字符串的大写;
6、sort,排序(Object.create(obj).sort()?);
7、sort_by:'prop',按照指定的prop属性进行升序排序;
8、size,返回长度,即length属性,不一定非是数组才行;
9、plus:n,加上n,将转化为Number进行运算;
10、minus:n,减去n,将转化为Number进行运算;
11、times:n,乘以n,将转化为Number进行运算;
12、divided_by:n,除以n,将转化为Number进行运算;
13、join:'val',将数组用'val'最为分隔符,进行合并成一个字符串;
14、truncate:n,截取前n个字符,超过长度时,将返回一个副本
15、truncate_words:n,取得字符串中的前n个word,word以空格进行分割;
16、replace:pattern,substitution,字符串替换,substitution不提供将删除匹配的子串;
17、prepend:val,如果操作数为数组,则进行合并;为字符串则添加val在前面;
18、append:val,如果操作数为数组,则进行合并;为字符串则添加val在后面;
19、map:'prop',返回对象数组中属性为prop的值组成的数组;
20、reverse,翻转数组或字符串;
21、get:'prop',取得属性为'prop'的值;
22、json,转化为json格式字符串
=====================
不过,我感觉js代码和html代码混在一块的情况并不是特别友好。
模板示例:
<!-- templates/supplies.ejs -->
<h1>Supplies</h1>
<ul>
<% for(var i=0; i<supplies.length; i++) {%>
<li><%= supplies[i] %></li>
<% } %>
</ul>
关于ejs的使用可参照:
http://node-js.diandian.com/post/2012-07-03/40029704518
http://blog.csdn.net/lisownjay/article/details/16952723
http://www.csser.com/board/4fddc4f0b28ed7d857001674#/post/4fddc603b28ed7d85700168a
http://nodeguide.com/index.html
分享到:
相关推荐
【EJS】EJS是一种轻量级的服务器端JavaScript模板引擎,用于动态渲染HTML。它可以嵌入JavaScript代码到HTML中,根据数据生成动态视图。在手机小说阅读器中,EJS可能用于根据后台数据动态生成小说列表、章节内容等...
通过理解Node.js的服务器端JavaScript执行、Express框架的使用以及EJS模板引擎的工作原理,你可以创建更复杂的应用,处理动态数据和管理静态资源。同时,`package.json`文件帮助组织项目依赖和脚本,简化项目的维护...
Node.js从入门到精通的知识点涵盖了Node.js的基础到高级应用,包括包管理、后端服务器搭建、事件模型、文件系统操作、路径处理、HTTP压缩、模板引擎、数据库集成、用户认证等多个方面。 1. **包管理器**:Node.js有...
app.engine(‘html’,ejs.__express); 3.将模板引擎换成html: 代码如下: app.set(‘view engine’, ‘html’); 4.修改模板文件的后缀为.html。 好了,任务完成,可以运行观看效果了! 以上所述就是本文的全部内容...
EJS - 嵌入的JavaScript模板
"Node.js-一个简单快速类似ejs的node.js的模板引擎"是指一个特定的模板引擎,其设计目标是提供与流行的EJS(Embedded JavaScript)模板引擎相似的功能,但更简洁快速。 EJS是一种常见的用于Node.js的模板引擎,它...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它允许开发者使用 JavaScript 语言在服务器端编写可扩展的网络应用。Node.js 利用了事件驱动、非阻塞I/O模型,使其在处理高并发请求时表现出极高的性能。...
3. **EJS模板引擎**: EJS是一种轻量级的服务器端JavaScript模板语言,用于动态渲染HTML。在博客系统中,EJS模板用于将后端数据与前端界面结合,生成动态网页。开发者可以在模板中嵌入JavaScript代码,以实现数据绑定...
标题中的“Node.js-基于Node.js Expressejs MongoDB Bootstrap搭建的班级博客系统”揭示了这个项目的核心技术栈,包括Node.js、Express、ejs模板引擎、MongoDB数据库以及Bootstrap前端框架。接下来,我将详细阐述...
1. **Node.js基础**:Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程。讲解可能包括了JavaScript在Node.js中的异步非阻塞I/O模型,事件驱动编程的概念,以及如何...
Node.js是一个开放源码、跨平台的JavaScript运行环境,它允许开发者在服务器端运行JavaScript代码。Express是基于Node.js的一个Web应用框架,极大地简化了构建Web应用的过程。 ### 1. Node.js安装 首先,你需要在你...
首先,Node.js是基于Chrome V8引擎的JavaScript运行环境,它允许我们在服务器端执行JavaScript代码。Node.js拥有强大的非阻塞I/O模型,使得它可以高效地处理大量并发请求,非常适合构建实时、高并发的Web应用,如...
可以使用Express.js搭建Web服务器,并结合EJS、Pug等模板引擎生成动态页面。数据可以实时更新在图表中,提供直观的监控体验。 8. **安全考虑**:在部署时,确保你的系统安全。避免明文传输敏感信息,使用HTTPS加密...
开发者可能会使用如Express.js或Fastify这样的Web框架来构建服务端接口,同时结合EJS或Pug等模板引擎来生成前端页面。对于PDF处理,可能会用到如PDF.js或pdf2json等库来读取和解析PDF内容。对于表单的构建,可能涉及...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够使用 JavaScript 来进行服务器端编程。这个技术的出现极大地推动了Web应用的开发效率,特别是对于实时、高并发的网络应用来说,Node.js ...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它允许开发者使用 JavaScript 进行服务器端编程。Node.js 使用了一个事件驱动、非阻塞 I/O 模型,这使得它轻量又高效,非常适合构建数据密集型的实时应用...
3. **Ejs**:Ejs(Embedded JavaScript templates)是一种轻量级的JavaScript模板引擎,用于生成动态HTML页面。相比Jade,Ejs的语法更接近HTML和PHP,更适合有PHP或ASP背景的开发者。在Express项目中,Ejs作为视图...
本文将深入探讨`Node.js`,这是一种基于Chrome V8引擎的JavaScript运行环境,允许开发者使用JavaScript进行服务器端编程。这个“Node.js学习案例”旨在为初学者提供一个实践平台,帮助他们理解和掌握Node.js的核心...
Node.js是基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程,极大地拓宽了JavaScript的应用领域。LayUI则是一个轻量级、模块化的前端UI框架,特别适合快速构建中后台管理系统...