本文章简单的列出几个步骤利用Node.js Express框架以及MarcoJS 实现服务器渲染模板
第一步:编写Express路由:
//server.js
require('marko/node-require').install();
const express = require('express');
const app = express();
app.get('/', require('./src/pages/home/index'));
app.listen('8080', () => {
console.log('Listening on port 8080');
})
'/'路径对应了index.js的模块逻辑
第二部创建index.js
//index.js
var template = require('./template.marko')
module.exports = (req, res) => {
template.render({
name: 'Frank'
}, res);
}
index.js文件内包含了获取模板的命令,并在函数内进行渲染。
第三部创建template
//template.marko
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Marko Demo</title>
</head>
<body>
<h1>Marko Demo</h1>
Hello ${data.name}!
</body>
</html>
几部简单的操作后,改代码已经实现了服务器渲染。
source: https://www.youtube.com/watch?v=kCXs9ig8vTI&list=PLZUgs-F38XXQJBxA58UqnwTVMZS_uza_C