javascript - 使用Jurassic预编译服务器端JsRender模板

我正在尝试使用Jurassic脚本引擎从用C#编写的类库中预编译JsRender模板，以执行JsRender。

这是我的代码:

var engine = new Jurassic.ScriptEngine();
engine.Execute(JsRenderContents);
var precompiledTemplate = engine.CallGlobalFunction<string>(String.Concat("$.templates(\"", template, "\");"));

我从this page接收了JavaScript函数$.templates()，它指出



我的示例HTML模板就是

<li>{{:Name}}</li>

但是，我的代码产生了异常:

'$.templates("<li>{{:Name}}</li>");' is not a function.

现在，我不确定100％是否可以在不使用jQuery的情况下使用$运算符。作者在他的几个示例中都包括了jQuery，但同时指出不需要jQuery。

那么怎么了？在我发布此问题的同一天，是否从GitHub上获取了JsRender版本的文档？ (我知道JsRender仍处于beta中。)或者也许我滥用Jurassic？

编辑:

我相信这实际上是一个侏罗纪问题，而不是JsRender问题。具体来说，我认为这与Jurassic的全局对象有关，因为JsRender被包装在传递了this的立即调用函数中，而且我不确定Jurassic是否提供this。

看来我不是第一个面对这个问题的人。我采纳了this page上一篇文章的建议，并将代码更改为以下内容:

var engine = new Jurassic.ScriptEngine();
engine.Execute(JsRenderContents);
engine.Global["window"] = engine.Global;
var precompiledTemplate = engine.CallGlobalFunction<string>(String.Concat("window.jsviews.templates(\"", template, "\");"));

这没有用-可能是因为JsRender的IIF仍然传递了this而不是window，并且我不想修改脚本。

谁能帮助 push 这一进程？鉴于侏罗纪，我怎么能从侏罗纪调用任何JsRender函数...我不知道...侏罗纪实现全局对象的方式可能存在一些概念上的差异。

最佳答案

我正在使用jsRender + Jurassic来预编译模板并在T4中生成js文件。
我花了很多时间解决这个问题，但没有找到答案，但是阅读了一些文章，对您有所帮助。

看我的代码。以我为例。如果无法解决问题，我可以帮助您解决问题:

var engine = new Jurassic.ScriptEngine();

var jsRenderPath = "/pathToDir/jsrender.js";
var jsUnevalPath = "/pathToDir/jsRenderUtils.js";
engine.ExecuteFile(jsRenderPath);
engine.ExecuteFile(jsUnevalPath);

engine.Evaluate("function renderTemplate(name, markup) { var tmpl = this.jsviews.templates(name, markup); return uneval(tmpl); }");

var compiledTemplateString = engine.CallGlobalFunction<string>("renderTemplate", templateName, templateString);

var result = "$.templates['" + templateName + "'] = " + compiledTemplateString + ";";

jsRenderUtils.js内容(unval函数)

function uneval(obj, known) {
    var root = (known === undefined), result;
    known = known || [];

    // some values fail eval() if not wrapped in a ( ) parenthesises
    var wrapRoot = function (result) {
        return root ? ("(" + result + ")") : result;
    };

    // special objects
    if (obj === null)
        return "null";
    if (obj === undefined)
        return "undefined";
    if (obj !== obj) // isNaN does type coercion, so can't use that.
        return "NaN";
    if (obj === Infinity)
        return "Infinity";
    if (obj === -Infinity)
        return "-Infinity";

    // atoms
    switch (typeof obj) {
        case 'function':
            return wrapRoot(obj.toString());
        case 'number':
        case 'boolean':
            return obj.toString();
        case 'string':
            return "\"" + obj.toString() + "\"";
    }

    // circular reference check for non-atoms
    if (known.indexOf(obj) !== -1)
        return "null";//throw new Error("Circular references detected while unevaling.");

    known.push(obj);

    // specialized types
    if (obj instanceof Array)
        return "[" + obj.map(function (o) { return uneval(o, known); }).join(",") + "]";

    if (obj instanceof Date)
        return wrapRoot("new Date('" + obj.toString() + "')");

    // hashes
    var key, pairs = [];
    for (key in obj) {
        var val;
        switch (key) {
            case "render":
                val = "$.fn.render";
                break;
            case "markup":
                val = "null";
                break;
            default:
                val = uneval(obj[key], known);
        }
        pairs.push("\r\n" + key + " : " + val);
    }

    return wrapRoot("{" + pairs.join(",") + "}");

};

更新:如果将不使用jquery呈现模板，则应添加以下内容:

$ = window.jsviews;
$.fn = {
    render: function (data, view, j, u) {
        return this.fn(data, view, j, u);
    }
};

关于javascript - 使用Jurassic预编译服务器端JsRender模板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23941186/