标签：line OLE htm links round exp cal content npm
"E" 代表 "effective"，即【高效】。EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。
$ npm install ejs
index.html
<!DOCTYPE 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>
const ejs = require(‘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);
配置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 }); });
标签：line OLE htm links round exp cal content npm
原文地址：https://www.cnblogs.com/websmile/p/12993668.html
