JsHtmlJavaScript 模版引擎

联合创作 · 2023-09-29 01:59

JsHtml 提供简洁的 HTML、全 JavaScript 的模版引擎,灵感来自 ASP.NET MVC 中的 razor 视图引擎。可在浏览器使用,也支持 Node.js 。

示例模版 index.jshtml:

<html>
<head>
    <title>@locals.title</title>
</head>

<body>

<ul class="Task">
    @locals.taskList.forEach(function(task, index) {
        <li class="@(index % 2 ? "Odd" : "Even")">
            @tag('a', {href: '/task/' + task.id}, task.name)
        </li>
    });
</ul>

<ul class="Task">
    @for(var taskIndex = 0, taskCount = locals.taskList.length; taskIndex < taskCount; taskIndex ++){
        writePartial('task', {taskIndex: taskIndex, task: locals.taskList[taskIndex]});
    }
</ul>

<p>
if you like it, let me know!<br />
- <a href="mailto:elmerbulthuis@gmail.com">elmerbulthuis@gmail.com</a><br />
</p>

</body>
</html>
浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报