首页 > Web开发 > 详细

node.js第十五课(模板引擎)

时间:2014-04-24 12:42:40      阅读:647      评论:0      收藏:0      [点我收藏+]

一、什么是模版引擎
模版引擎是一个从页面模版根据一定的规则生成HTML的工具,PHP首发,随后出现了ASP、JSP都沿用这个模式,即建立一个HTML页面模版,插入可执行的代码。运行时动态生成HTML。
  缺点:
     页面功能逻辑与页面布局样式耦合,网站规模变大以后逐渐难以维护
     语法复杂,对于非技术的网页设计者来说门槛高,难以学习。
     功能过于全面,页面设计者可以在页面上编程,不利于功能划分,也使模版解析效率降低。
     后来MVC架构的诞生,模版引擎包含在服务器端,控制器得到用户请求后,从模型获取数据,调用模版引擎,模版引擎以数据和页面模版为输入,生成HTML页面,然后返回给控制器。由控制器交回客户端。
    bubuko.com,布布扣
二、使用模版引擎
基于javascript的模版引擎有许多种实现,我们推荐使用ejs,它学习起来简单,与express集成良好,它的标准是javacript实现的,它不仅可以运行在服务器端,还可以运行在浏览器中。服务端运行ejs,这样减少了对浏览器的依赖,而且更符合传统架构的习惯。
   分析工程运行:
       app.set("views",__dirname+"/views");   //指定页面模版的存放目录
       app.set("view engine","ejs");          //使用ejs模版引擎
       res.render(‘index‘,{title:‘pcat‘});    //调用模版引擎,接受两个参数,
       参数一:模版的名称,即views目录下的模版文件名,不包括扩展名,
       参数二:传递给模版的数据。
       ejs的标签:
          1.<% code %>  JavaSctipt代码
          2.<%=code%> 显示替换过HTML特殊字符的内容
          3.<%-code%>  显示原始HTML内容
三、页面布局
         layout.ejs是一个模版布局模版,它描述整个页面的框架架构,默认情况下每个单独的页面都继承自这个框架,替换掉<%-body%>部分
            

node.js第十五课(模板引擎),布布扣,bubuko.com

node.js第十五课(模板引擎)

原文:http://blog.csdn.net/magneto7/article/details/24351341

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!