四、模板引擎

<a href="<%= url %>"><img src="<%= imageURL %>" alt=""></a>

数据绑定，就成为一个完整的html字符串了。

前台的模板，我们现在要学习的是后台的模板。

后台模板，著名的有两个，第一个叫做ejs； 第二个叫做jade。

是npm第三方包。

先说EJS

Embedded JavaScript templates

后台模板引擎

    <ul>

        <% for(var i = 0 ; i < news.length ; i++){ %>

            <li><%= news[i] %></li>

        <% } %>

    </ul>

var dictionary = {

          a:6,

          news : ["1期班太牛逼了","高薪就业","哈哈哈哈哈"]

};

14.js

/**

 * Created by Danny on 2015/9/20 16:59.

 */

var ejs = require("ejs");

//模板

var string = "好高兴啊，今天我买了iphone<%= a %>s";

//数据

var data = {

    a : 6

};

//数据绑定

var html = ejs.render(string, data);

//输出

console.log(html);

15.js

/**

 * Created by Danny on 2015/9/20 16:59.

 */

var ejs = require("ejs");

var fs = require("fs");

var http = require("http");

var server = http.createServer(function(req,res){

    fs.readFile("./views/index.ejs",function(err,data){

        //绑定模板

        var template = data.toString();

        var dictionary = {

            a:6,

            news : [

                {"title":"陈伟我爱你","count":10},

                {"title":"哈哈哈哈","count":20},

                {"title":"逗你玩儿的","count":30}

            ]

        };

        var html = ejs.render(template,dictionary);

        //显示

        res.writeHead(200,{"Content-Type":"text/html;charset=UTF8"});

        res.end(html);

    });

});

server.listen(3000);
index.ejs
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <h1>好高兴啊，今天我买了一个iphone<%= a %>s</h1>

    <ul>

        <%

            for(var i = 0 ; i < news.length ; i++){

                if(news[i].count > 15){

        %>

                <li><%= news[i].title %></li>

        <%

                }

            }

        %>

    </ul>

</body>

</html>

EJS模版效率不高，JADE引擎效率高，难度大

node08---EJS模版的更多相关文章

  1. 前端必备之Node+mysql+ejs模版如何写接口

    前端必备之Node+mysql+ejs模版如何写接口 这星期公司要做一个视频的后台管理系统, 让我用Node+mysql+ejs配合写接口, 周末在家研究了一下, 趁还没来具体需求把研究内容在这里分享 ...

  2. 在express3里用ejs模版引擎时，如何使其支持'.html'后缀

    ①express 默认jade模板,改为ejs模板,需执行以下命令: express -e --ejs ②在app.js中,将 app.set('view engine', 'jade'); 替换为 ...

  3. nodejs express框架一个工程中同时使用ejs模版和jade模版

    在某些项目中,比如你接手了一个别人的项目然后你不想用蛋疼的ejs,或者你不想用蛋疼的jade.你有不想重写之前的页面,那么你现在可能需要新引入ejs或者jade模块,你仅仅需要做下面两步也许就能完成使 ...

  4. Express创建并运行node项目（Jade和EJS模版引擎）

    1.创建Node项目 [Jade模板] > express nodeJade express创建项目若不显示指定模板,默认使用Jade,以下写法都可以: express -jade nodeJa ...

  5. node.js的ejs模版引擎

    ejs版本是0.8.8,生成的views目录下面只有index.ejs and error.ejs,没有layout.ejs. D:\lianchuangfile\nodeDevelop\microb ...

  6. node+koa2 使用ejs模版

    1.进入项目下,npm install -save ejs 2.app.js加入: const ejs = require('ejs'); app.use(views(__dirname + '/vi ...

  7. 前端独立引用 ejs模版

    ejs 用法不再多说,网自行查阅.一个是基于nodeJS平台运行的EJS,另外一个是在浏览器执行的EJS.这里要说的是html 独立引入ejs.min.js 使用的一个注意点. 如:index.htm ...

  8. ejs模版实现递归树形结构渲染

    使用过前端模板的同学们,尤其是使用过nodejs写后台服务的同学们,应该对ejs模板和jade模板都不陌生.对与ejs模板和jade模板孰强孰弱,载各大论坛中一直争论不休,有说ejs更直观的,也有说j ...

  9. 最新版EJS的include函数已支持参数传递

    最新版的express中partial函数已经被移除,使用include虽然可以实现同样的效果,但是代码看起来很不爽比如 1 <%-partial("user/home",{ ...

  10. express - ejs使用介绍

    http://blog.sina.com.cn/s/blog_ad0672d60101l2ml.html 1.express中使用ejs var express = require('express' ...

随机推荐

  1. Spark SQL概念学习系列之分布式SQL引擎

    不多说,直接上干货! parkSQL作为分布式查询引擎:两种方式 除了在Spark程序里使用Spark SQL,我们也可以把Spark SQL当作一个分布式查询引擎来使用,有以下两种使用方式: 1.T ...

  2. Linux下编译安装Memcache

    需要gcc,make,cmake,autoconf,libtool等工具,联网后,yum install -y gcc,make,cmake,autoconf,libtool 编译安装libevent ...

  3. Dragon Balls[HDU3635]

    Dragon Balls Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total S ...

  4. FrameLsyout

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_ ...

  5. [C#学习笔记之异步编程模式2]BeginInvoke和EndInvoke方法 (转载)

    为什么要进行异步回调?众所周知,普通方法运行,是单线程的,如果中途有大型操作(如:读取大文件,大批量操作数据库,网络传输等),都会导致方法阻塞,表现在界面上就是,程序卡或者死掉,界面元素不动了,不响应 ...

  6. vue-cli webpack配置中 如何启动less-loader sass-loader

    在vue-cli中构建的项目是可以使用less的,但是查看package.json可以发现,并没有less相关的插件,所以我们需要自行安装. //第一步:安装 npm install less les ...

  7. 手游服务器端接入facebook的SDK

    手游如果支持facebook登录,就要接入facebook的登录SDK.刚好工作中自己做了这一块的接入功能现在记录分享下来提供一个参考. 当前只是接入了登录这个功能,先简单的说说接入facebook登 ...

  8. Html5必看：教你如何选择移动APP开发框架

    如何选择移动APP开发框架一直是困扰很多新手的难题,今天杭州APP开发小编就和大家一起分享一下HTML5 移动app开发过程中框架该如何选择?当然我们得先从下面几个方面来评估一个框架的优越性,然后再做 ...

  9. gbk编码

    GBK 编码   GBK编码范围:8140-FEFE,汉字编码范围见第二节:码位分配及顺序. GBK编码,是对GB2312编码的扩展,因此完全兼容GB2312-80标准.GBK编码依然采用双字节编码方 ...

  10. Error running Tomcat 6: Address localhost:8080 is already in use

    错误原因:8080端口被其他的应用占用!解决方案:第一步,命令提示符号,执行命令:netstat –anoActive ConnectionsProto Local Address          ...