ejs模板引擎和html,模板引擎ejs

ejs模板引擎

将数据与标签分离开来，这样就不需要前面写的学生管理系统那样，在页面显示信息通过字符串的拼接的方式，而是直接用ejs模板引擎，将服务器端传过来的数据在页面直接显示出来，不会那样的麻烦了。

安装 npm i -D ejs

引入 app.set('view engine',"ejs")

const http = require('http');

渲染： http.createServer((req, res) => {

if (req.url === '/') {

res.writeHead(200, {

'Content-Type': 'text/html'

});

// 渲染文件 index.ejs

ejs.renderFile('./views/index.ejs', {

title: 'ejs-index', // 渲染的数据key: 对应到了ejs中的title

index: '首页'}, // 渲染的数据key: 对应到了ejs中的index

(err, data) => {

if (err ) {

console.log(err);

} else {

console.log(data);

res.end(data);

}

})

}

}).listen(3002);

渲染ejs文件内同： ```res.render("ejs文件名")```

语法：“

ejs声明变量 - - ->

ejs输入变量 - - ->

ejs引入其他文件 - - ->

%> 一般结束标签

-%> 删除紧随其后的换行符

_%> 将结束标签后面的空格符删除”

koa使用ejs

配置koa-views

```

const koaViews = require('koa-views');

// 配置渲染文件路径及文件后缀

app.use(koaViews('./views', {

extension: 'ejs'

}));

```

// 响应路由渲染文件

```

router.get('/', async ctx => {

await ctx.render('index', {

title: 'ejs-index', // 渲染的数据key: 对应到了ejs中的title

index: '首页'}, // 渲染的数据key: 对应到了ejs中的index

});

```

ejs模板引擎和html,模板引擎ejs相关推荐

Node.js(二)——pug模板引擎，nunjucks模板引擎，在koa中使用pug和nunjucks模板引擎
目录 1.知识点及课堂目标 2.模板引擎 3.pug模板引擎使用 3.1安装pug 3.2pug常用语法 3.2.1通过缩进关系,代替以往html的层级包含关系. 3.2.2html 元素属性/sty ...
由浅入深：自己动手开发模板引擎——解释型模板引擎
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
由浅入深：自己动手开发模板引擎——置换型模板引擎（四）
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
由浅入深：自己动手开发模板引擎——置换型模板引擎（三）
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
由浅入深：自己动手开发模板引擎——置换型模板引擎（二）
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
由浅入深：自己动手开发模板引擎——置换型模板引擎（一）
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
由浅入深：自己动手开发模板引擎——解释型模板引擎（二）
受到群里兄弟们的竭力邀请,老陈终于决定来分享一下.NET下的模板引擎开发技术.本系列文章将会带您由浅入深的全面认识模板引擎的概念.设计.分析和实战应用,一步一步的带您开发出完全属于自己的模板引擎.关于 ...
php 模板引擎优点,Smarty模板引擎的优点
Smarty模板引擎的优点时间:2015-11-17 对PHP语言熟悉的程序员就会知道有个Smarty的名词,那么这个具体是什么呢?smarty是一个使用PHP编写的PHP模板引擎,是目前业务最著名 ...
实现一个简单的模板引擎，输入模板和数据，输出html
实现一个简单的模板引擎,输入模板和数据,输出html 示例: 输入: "<div>{{$1}}({{$2}}){{$3}}</div>",["第一 ...

ejs模板引擎和html,模板引擎ejs

ejs模板引擎和html,模板引擎ejs相关推荐

最新文章

热门文章