|
|
基本功能能用，但是很多地方还比较简陋
服务器端使用方法:
var Engine = require("./elf").Engine;
var http = require("http");
// 将模板位置传入引擎
var engine = new Engine({
"test": "./table.html"
});
var server = http.createServer(function(req, res) {
// 得到相应时，从modal这里得到的结果集
var param = {
tableName: "User List",
userList: [
{name: "John", password: "123", age: 24},
{name: "Jack", password: "124", age: 21},
{name: "Jane", password: "125", age: 23},
{name: "James", password: "126", age: 45},
]
};
res.writeHead(200, {"Content-Type": "text/html"});
// 寻找对应模板
res.write(engine.view("test", param));
res.end();
});
server.listen(3000);
模板页面:table.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
#wrap {
margin: 0 auto;
width: 800px;
}
</style>
</head>
<body>
<div id="wrap">
<?JS var t = '123'; var s = "'";
function convertNull(target) {
return target == null ? "" : target;
}
?>
<div>${tableName}</div>
<div>${t}</div>
<div>${s}</div>
<table>
<?JS
for (var index = 0; index < userList.length; index++) {
if (userList[index].age && userList[index].age > "24") {
continue;
}
?>
<tr>
<td>${userList[index].name}'</td>
<td>${convertNull(userList[index].password)}</td>
<td>${userList[index].age}</td>
</tr>
<?JS}?>
</table>
</div>
</body>
</html>
在<?JS................?>中支持一般的javascript服务器端编程。
支持表达式语言${}
在浏览器键入http://localhost:3000
显示结果
User List
| John | 123 | 24 | | Jack | 124 | 21 | | Jane | 125 | 23 |
|
|
|
QQ群⑧：
窥视卡
雷达卡
发表于 2017-2-22 09:33:51
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡