EJS初识

Sunday Lv2

EJS官方文档

EJS是一个高效的嵌入式JavaScript模板引擎。可以利用简单的JS代码去生成HTML页面

模板引擎是一种技术,用来分离界面(html代码)和数据(js代码)

ejs的一般使用步骤

  1. 引入ejs
  2. 准备数据
  3. 解析内容,返回结果
1
2
3
4
5
let ejs = require('ejs');
let people = ['geddy', 'neil', 'alex'];
let html = ejs.render('<%= people.join(", "); %>', { people: people });

console.log(html);
1
2
3
4
5
6
7
8
9
10
11
12
// 拼接字符串和变量的三种方式对比
let star = '周杰伦'
let desc = `歌手 ${star} 发新专辑了`
console.log(desc);

let star2 = '周杰伦'
let desc2 = '歌手 '+ star2 +' 发新专辑了2'
console.log(desc2);

let star3 = '周杰伦'
let desc3 = ejs.render('歌手 <%= star %> 发新专辑了3',{star: star3})
console.log(desc3);

看上去,使用ejs拼接字符串和前两种方式没有什么独特之处,反而语法有些繁琐。

1

  • 本文标题:EJS初识
  • 本文作者:Sunday
  • 创建时间:2023-01-10 16:03:33
  • 本文链接:https://sblog.wyun521.top/posts/daec30d9.html
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论
目录