nodejs express 模板引擎(ejs )

默认支持的模板引擎：
1 jade （模板比较简洁 html代码区别非常大和使用习惯区别比较大。）
2 ejs (html代码一样)
（1）模板文件后缀.ejs
（2）开始<% 结束 %>
改标签包裹进来的代码都会被js模板内部处理，变成真实数据
1 安装： npm install ejs --save
2 配置:
app.set('views', 'pages'); //views 是一个固定值表示模板引擎模板的目录位置 pages文件夹名 app.set('view engine', 'ejs'); //使用什么模板引擎
3 读取模板引擎：
res.render(参数1,参数2);
参数:
1 模板引擎文件的位置不用写.ejs
2 表示要传递的值(json 字符串数字);
4 让ejs模板引擎识别html文件 (.ejs)
1 引入ejs模块
2 设置可以识别后缀
app.engine(’.html’, ejs.__express); //让我的模板引擎可识别html后缀的文件
3 res.render(‘1.html’,)

//html页面
<table><tr><th>姓名</th><th>年龄</th><th>电话</th></tr><% if(data.display == 1){%><%var data = data.datalist;%><% for(var i in data){%><tr><td><%= data[i]['name']%></td><td><%= data[i]['age']%></td><td><%= data[i]['tel']%></td></tr><%}%> <% }else{ %> <tr><td colspan="3">合并</td></tr><%}%>    </table>

var path = require('path');
var ejs = require('ejs');
//配置模板引擎
app.set('views',path.join(__dirname,'pages'));//views是一个固定值，表示模板引擎目录位置
app.engine('.html',ejs.__express);//让ejs识别html文件
app.set('view engine','ejs')//使用ejs模板引擎
app.get('/', function (req, res) {
var data={display:1,datalist:[{name:'张三',age:20,tel:1234567},{name:'李四',age:30,tel:1233456}]
}res.render('1.html',{data:data}); //渲染
})app.listen(8081, function () {console.log("完成")
})

nodejs express 模板引擎(ejs )相关推荐

express模板引擎jade与ejs
express模板引擎有很多种,常用的是jade和ejs. 区别: jade-破坏式.侵入式.强依赖 ejs-温和.非侵入式.弱依赖一.jade渲染数据到页面 1.根据缩进划分层级 2.属性用()表 ...
express应用中ajax结合模板引擎ejs.js渲染页面
一.express应用中ajax结合模板引擎ejs.js渲染页面在views新建一个渲染模板命名 Template.ejs Template.ejs 示例: <% if(coursesList ...
swig模板 PHP,如何使用nodejs前端模板引擎swig
这次给大家带来如何使用nodejs前端模板引擎swig,使用nodejs前端模板引擎swig的注意事项有哪些,下面就是实战案例,一起来看一下. 相对于jade,我还是更喜欢swig前端模板引擎,jad ...
模板引擎ejs与html,后台模板引擎ejs与前台模板引擎artTemplate的简单介绍
动态网页是指前端页面当中的数据内容来源于后台数据库,前端的html代码会随着后台数据的变化而变化,是动态生成的.制作动态网页有两种方式,一种方式是在后台拿到前端的html模板,利用后台模板引擎(如ej ...
模板引擎ejs简单介绍
模板引擎: 将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. e ...
express模板引擎 html,Express使用html模板的代码分析
express默认使用jade模板,可以配置让其支持使用ejs或html模板. 1.安装ejs 在项目根目录安装ejs. npminstallejs 2.引入ejs varejs=require(' ...
express模板引擎 html,Express新手入坑笔记之动态渲染HTML
在日常项目中,我喜欢用Django做后端, 因为大而全如果只是写一个简单服务的话, Express是更好的选择, Express是基于nodejs的一个后端框架,特点是简单,轻量, 容易搭建, 而且 ...
swig模板 PHP,nodejs前端模板引擎swig入门
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是他没有一个html该有的样子... 所以我还是决定使用swig,页面结构,样子都是熟悉的样子, ...
ejs模板引擎和html,模板引擎ejs
ejs模板引擎将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. ...

nodejs express 模板引擎(ejs )

nodejs express 模板引擎(ejs )相关推荐

最新文章

热门文章