把模板当js来使，razor-tmpl示例（Nodejs版）

把模板当js来使，razor-tmpl示例（Nodejs版）

razor-tmpl https://github.com/magicdawn/razor-tmpl https://www.npmjs.org/package/razor-tmpl

##1.安装 npm i razor-tmpl -g ##2.文件准备 ###2.1模板 index.razor

@{
    var data = require('./data.json'); //require support
    require('colors');//third party module support,also native module
    console.log("i required the %s file,and title is : %s","data.json".rainbow,data.title.yellow);
}

<!doctype html>
<html>
<head>
<title>@(data.title)</title>
<!-- __filename support -->
@( __dirname )
<!-- __filename support -->
@( __filename )
</head>
</html>


@{ console.log($result.cyan); }

###2.2data.json

{
    "title" : "this is a title"
}

##3.执行 razor index

会生成index.html,不需要执行 node xxx.js 这种js文件参与 在template里可以 require fs/path模块,然后还有 __dirname/__filename支持,可以自己输出内容,razor命令行调用时,使用 -no-output让模板自己输出内容…

这个测试可见于 https://github.com/magicdawn/razor-tmpl/tree/master/nodejs/razor-tmpl/test/bin工具

博客http://magicdawn.github.io/2014/08/12/nodejs-module-require/


3 回复

把模板当js来使，razor-tmpl示例（Nodejs版）

razor-tmpl 是一个强大的模板引擎，它允许你在模板中直接使用 JavaScript 的功能。这个库支持在模板中直接引入 Node.js 模块、使用 __filename 和 __dirname 等特性。

安装

首先，你需要全局安装 razor-tmpl：

npm i razor-tmpl -g

文件准备

2.1 模板文件 index.razor

这个文件将作为模板文件，你可以在这个文件中编写 HTML 和 JavaScript 代码。

<code>
@{
    var data = require('./data.json'); // 引入 JSON 数据文件
    require('colors'); // 引入第三方模块
    console.log("i required the %s file,and title is : %s", "data.json".rainbow, data.title.yellow);
}

<!doctype html>
<html>
    <head>
        <title>@(data.title)</title>
        <!-- 支持 __filename -->
        @( __dirname )
        <!-- 支持 __filename -->
        @( __filename )
    </head>
</html>

@{ console.log($result.cyan); }
</code>
2.2 数据文件 data.json

这个文件包含了模板需要的数据。

{
    "title": "this is a title"
}

执行模板

执行模板非常简单，只需要运行以下命令：

razor index

这将会生成一个 index.html 文件，并且不需要手动运行 node xxx.js。你可以在模板中直接使用 Node.js 模块，如 fs, path 等。此外，模板中还支持 __dirname 和 __filename 等变量。

如果你想让模板自行输出内容而不是生成文件，可以使用 -no-output 参数：

razor index -no-output

这样，模板中的所有输出都将直接显示在终端上。

示例展示

你可以查看完整的示例和文档在 GitHub 上：

razor-tmpl 示例

通过这种方式，你可以更灵活地处理模板文件，使其具有更多的动态功能。希望这个示例能帮助你更好地理解和使用 razor-tmpl。


沙发呀沙发…

razor-tmpl 是一个 Node.js 模板引擎，它允许你在模板中直接使用 JavaScript 语法。这使得处理数据、引入模块以及使用内置对象变得非常方便。

以下是如何使用 razor-tmpl 的示例：

安装

首先需要全局安装 razor-tmpl：

npm install razor-tmpl -g

文件准备

模板文件：index.razor

@{
    var data = require('./data.json'); // 引入 JSON 数据文件
    require('colors'); // 引入第三方模块
    console.log("i required the %s file, and title is: %s".rainbow, "data.json".rainbow, data.title.yellow);
}

<!doctype html>
<html>
    <head>
        <title>@(data.title)</title>
        <!-- 支持 __filename 和 __dirname -->
        @( __dirname )
        @( __filename )
    </head>
</html>

@{ console.log($result.cyan); }

数据文件：data.json

{
    "title": "this is a title"
}

执行

运行 razor 命令将模板编译成 HTML 文件：

razor index.razor

这将会生成一个 index.html 文件，其内容为模板经过渲染后的结果。如果你想要让模板自己输出内容而不是生成文件，可以使用 -no-output 参数：

razor index.razor -no-output

通过这种方式，你可以在模板中直接使用 JavaScript 语法进行逻辑处理，同时享受模板引擎带来的便利。

回到顶部