1 ejs是什么
一套简单的模板语言，可利用普通的 JavaScript 代码生成 HTML 页面
📖📖📖 ejs.js文档
官方文档：https://ejs.bootcss.com/#install
2 入门
1 在浏览器 JS 环境中如何使用
1.1 下载到ejs的js文件
2.2 新建html文件，html内容如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id ="app"></div>
</body>
<script type="text/javascript" src="ejs.min.js"></script>
<script>
let people = ['geddy', 'neil', 'alex'],
html = ejs.render('<%= people.join(", "); %>', {people: people});
document.getElementById('app').innerHTML = html;
</script>
</html>
|
说明：需要引入ejs的js文件， ejs.render会返回一个字符串，将字符串挂载到页面中即可显示出来。
ejs.render的语法是ejs.render(str, data, options);str是一个模板字符串，data是模板字符串里面需要用到的数据。
首先需要用npm安装ejs