四、模板引擎

<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. java痛苦学习之路[四]---关于struts2-convention-plugin使用

    一.struts2-convention-plugin配置文件具体解释 <constant name="struts.convention.actionConfigBuilder&qu ...

  2. 学习 shell —— 条件判断 if 的参数

    1. 文件判断表达式 -e filename:如果 filename 存在(exist),则为真: -d filename:如果 filename 为目录(directory),则为真: -f fil ...

  3. Oracle SQL性能优化系列

    1. 选用适合的ORACLE优化器 ORACLE的优化器共有3种: a. RULE (基于规则) b. COST (基于成本) c. CHOOSE (选择性) 设置缺省的优化器,可以通过对init.o ...

  4. 【SDOI 2016】 排列计数

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=4517 [算法] 有m个数在原来的位置上,说明有(n-m)个数不再原来的位置上 那么, ...

  5. Java-MyBatis：MyBatis 3 配置

    ylbtech-Java-MyBatis:MyBatis 3 配置 1.返回顶部 1. XML 映射配置文件 MyBatis 的配置文件包含了会深深影响 MyBatis 行为的设置(settings) ...

  6. React中多行文本省略不生效原因

    在普通的前端项目中,在不考虑兼容问题的时候,可以用以下代码实现: overflow : hidden; text-overflow: ellipsis; display: -webkit-box; - ...

  7. 7.gcc的使用

    什么是gcc gcc编译器(GNU C Compiler) 现在我们所说的 gcc 是 GUN Compiler Collection的缩写,可以支持多种语言编译,比如 C,C++,Java, pas ...

  8. Api接口服务的设计和安全解决方案

    这个涉及到两个方面问题:一个是接口访问认证问题,主要解决谁可以使用接口(用户登录验证.来路验证)一个是数据数据传输安全,主要解决接口数据被监听(HTTPS安全传输.敏感内容加密.数字签名) 普通网站应 ...

  9. Win7下安装Flash低版本

    我把HKEY_LOCAL_MACHINE\SOFTWARE\Macromedia\FlashPlayer\SafeVersions中高于要装的版本的项目都删了,还是不行. 看了这个帖子后发现,原来64 ...

  10. TESTUSERB 仅能对TESTUSERA 用户下的某些表增删改查、有些表仅能对某些列update，查询TESTUSERB 用户权限，获取批量赋予语句。

    TESTUSERB 仅能对TESTUSERA 用户下的某些表增删改查.有些表仅能对某些列update,查询TESTUSERB 用户权限,获取批量赋予语句. select 'grant '|| PRIV ...