------------
------------
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
分享到:
相关推荐
app.engine(‘html’,ejs.__express); 3.将模板引擎换成html: 代码如下: app.set(‘view engine’, ‘html’); 4.修改模板文件的后缀为.html。 好了,任务完成,可以运行观看效果了! 以上所述就是本文的全部内容...
EJS - 嵌入的JavaScript模板
一个简单、快速、类似ejs的node . js的模板引擎
前端:node.js+ejs+vue.js+es6+sass+jquery+gulp 后端:node.js+redis+mysql+koa2+koa-router 第三方JDK|插件说明:七牛云JDK、极验验证JDK、nodemailer JDK、mysql2、wangEdito.js 域名开启https访问 h
Lunchbox是一个使用node.js和ejs作为模板引擎和数据库集成sql制作的网站。 为了使这项工作 安装node.js和mysql。 在Node.js命令提示符下,执行“ npm start”。 要使数据库集成有效,请转至routes / index.js,...
用Node ejs模板 和Mysql搭建一个 个人博客网站基础,写博客用的框架是ueditor,在模板里面已经引入,数据也配置好了,可以拿数据到前端展示。
Node.js项目中调用JavaScript的EJS模板库的方法_.docx
主要介绍了Node.js项目中调用JavaScript的EJS模板库的方法,通过EJS模板引擎可以制作出维护性良好的HTML代码结构,需要的朋友可以参考下
本博客程序 使用 Node.js MongoDB express 开发,拥有灵活的内容模型以及完善的权限角色机制。模板引擎用的ejs模板
Node 开源模板的选择很多,但推荐像我这样的老人去用 EJS,有 Classic ASP/PHP/JSP 的经验用起 EJS 来的确可以很自然,也就是说,你能够在 <%…%> 块中安排 JavaScript 代码,利用最传统的方式 <%=...
swig 是node端的一个优秀简洁的模板引擎,类似Python模板引擎Jinja,目前不仅在node端较为通用,相对于jade、ejs优秀,而且在浏览器端也可以很好地运行。
这是一个使用 node.js、express、ejs 模板构建的博客网站,它使用数组来保存内容。 该网站使用 lorem ipsum 作为文本。 下载此项目后 使用 cmd 或 powershell cd 进入该文件夹位置运行以下命令行以启动项目 npm i...
node.js-koa-ejs- node.js + koa + ejs模板渲染
Node.js 的安装与使用 安装 Node.js n 和 nvm nrm MongoDB 的安装与使用 安装与启动 MongoDB Robomongo 和 MongoChef Node.js 知识点讲解 require exports 和 module.exports Promise 环境变量 packge.json semver ...
nodejs的自学实践项目,前端使用页面angular搭建,后台管理使用ejs模板,后台技术栈 nodejs mySQL ,初步设想为搭建一个博客web
使用Node.js上传图像介绍范围对于我们来说,此存储库是一种简单的实践,以了解如何使用上传图像(文件) 这是一个具有基本形式(名称,姓氏和头像)的页面,而第二个页面将显示发送的数据。技术为了使我们的生活更...
webpack4 ejs express 多页应用项目架构模板
电影资讯单击获取有关任何电影的信息!入门这个简单的网站是使用 Node.js、Express.js 和 EJS(嵌入式 JS 模板)创建的。 为了获取电影数据,使用了 OMDB Api。 你可以在这里看到实时网站 -