【js】ejs
2021-02-12 21:19
标签：line OLE htm links round exp cal content npm "E" 代表 "effective"，即【高效】。EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。 配置koa-views 【js】ejs 标签：line OLE htm links round exp cal content npm 原文地址：https://www.cnblogs.com/websmile/p/12993668.html什么是ejs
特点
ejs的使用
1、使用npm安装ejs
$ npm install ejs2、新建index.ejs
index.htmlDOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>= title %>title>
head>
body>
= index %>
body>
html>
3、引入ejs模块
const ejs = require(‘ejs‘);
4、渲染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);
5、koa使用ejs
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
});
});
6、语法
相关资料：