Nodejs之模板ejs

ejs使用说明及介绍。

1.创建ejs项目

express -e test  //创建模板为ejs的项目,默认为jade。

2.使用

app.js中添加

var ejs = require(‘ejs‘);
//app.set(‘view engine‘, ‘ejs‘);

//设置如下,可修改后缀名为html。
app.engine(‘.html‘, ejs.__express);
app.set(‘view engine‘, ‘html‘);

//res.render()第二个参数为json对象
app.get(‘/‘, function (req, res, next) {
    res.render(‘index‘,{
          title:"ejs简单测试",
          name:"admin",
          "sex":"男"
    });
});

index.html修改如下

<!DOCTYPE html>
<html>
    <head>
      <title><%=title %></title>
      <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘/>
    </head>
    <body>
        <h1>大家好,我是<%= name %>,我是一名<%= sex %>生。  </h1>
     </body>
</html>
效果图如下

 ejs的Filters和Options尚未使用!
时间: 2024-10-08 07:22:42

Nodejs之模板ejs的相关文章

node.js 模板 ejs 转

node.js 模板引ejs. 搜了一把推荐用ejs的最多. 速度比对:http://www.cnblogs.com/fengmk2/archive/2011/04/28/2031971.html ejs速度不是最快的,推荐最多大概是因为其简单的语法结构.主要通过<% %><%=%>来嵌套代码.比如符合阅读逻辑,同时也省去不少学习语法的成本. 另有一些自定义的方法:如link_to(name, url),img_tag(url)等. 还可以支持json. =========== e

Node个人学习(五)----后台模板-ejs

1.特点:非破坏式,html格式,依赖于'ejs'模板 2.数据输出方式:在ejs文件中使用如下方式标注数据,同时在server文件中将数据传输过去: <%= name %>          <%= json.arr[0].name %>          <%= 12+5 %>          <%= 'asdfasdf' %> //导入模块const ejs=require('ejs'); //读取文件并传输数据 ejs.renderFile('./

nodejs渲染模板

为什么要用nodejs来渲染? 之前前端的任务就是用HTML+CSS 来高保真的还原UI所设计原图,偶尔会使用少量的jq来对页面添加一些特效,页面还要交付给后端开发人员进行数据填充(php jsp)等模板语言,前后端依赖严重,几乎出现任何问题是只有前后端配合才能解决,后来的前后端分离,也就是前后端只用json来交流,前端通过使用ajax来进行数据填充,但是ajax的使用不利于SEO优化和首屏渲染,会造成额外的流量开销(主要在移动端). 我所设想的是nodejs只负责渲染页面,数据和后台逻辑还是由

Nodejs WEB服务器 静态文件托管、 GET POST路由 EJS模板引擎(8)

1 Nodejs 静态文件托管 略 2. 路由 官方解释:路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET. POST 等)组成的, 涉及到应用如何响应客户端对某个网站节点的访问. 非官方解释:路由指的就是针对不同请求的 URL, 处理不同的业务逻辑.  3 路由静态文件提取 原 `services.js` 代码 // 引入模块 var http = require('http'); // fs 模块 var fs =require('fs'); // p

NodeJS框架Express的模板视图机制

MVC模式可谓无人不知,它除了能增强团队协作的效率,还可方便产品的维护升级,本文我们将对Express框架的模板和视图(V)相关功能进行介绍. 模板引擎 Express支持许多模板引擎,常用的有: haml 的实现Haml haml.js 接替者,同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染(view randering) 视图的文件名默认需遵循"<

Nodejs学习-2 express ejs 片段视图

在Express框架下,使用ejs模板引擎: 支持默认的layout布局需要express-partials模块: 使用include代替partials: 片段视图显示方式也与3.x版不同,采用如下方式: routers/index.js 添加: router.get('/list', function(req, res) {   res.render('list',{     layout:false,     title: 'Express',     items: ['1', '2', 

nodejs学习(二) ---- express中使用模板引擎jade

系列教程,上一节教程  express+nodejs快速创建一个项目 在创建一个项目后,views目录下的文件后缀为 .jade . 打开 index.jade,具体内容如下图(忽略 header.jade 和 footer.jade,下面教程会一步步创建) 页面解析出的样子如下图.完全是html标签 一.jade 模板引擎 介绍 模板引擎是一个库,或者一个使用一定的规则或者语言来解释数据并渲染视图的框架.模板引擎处理过的最终结果是一个视图页面,也就是html页面或者用户图形界面GUI.在MVC

NodeJS常用模块介绍

收集了NodeJS开发中常用的一些模块. MVC框架 - Express Express 是轻量灵活的Nodejs Web应用框架,它可以快速地搭建网站.Express框架建立在Nodejs内置的Http模块上,并对Http模块再包装,从而实际Web请求处理的 功能.它支持多种前端模板,如Jade, EJS等.它是T.J大神的作品,不过已经交由其它团队维护了. Koa是T.J大神的另外一个作品,号称下一 代NodeJS web框架.使用 koa 编写 web 应用,通过组合不同的 generat

Nodejs新手村指引——30分钟上手

概要 #准备工作 #开启简单的服务 #路由 #获取参数的三种方式 #静态文件 #数据库集成 #async解决多重嵌套问题 本文适合没有nodejs项目开发经验而又想对nodejs有个大概了解的你阅读,30分钟上手,也许还不用 ***************************************************** #准备工作 安装好nodejs以后,新建文件夹,起名叫demo-project,在文件夹根目录新建文件app.js作为nodejs应用的入口文件. 打开终端(wind