如何使用车把助手打印JSON对象

时间:2017-01-27 19:16:25

标签: javascript mysql node.js handlebars.js handlebarshelper

我有一个想要在我的html模板(把手)上打印的对象。该值是来自mysql服务器的计数查询。这是包含查询的函数:

function getGrade7Applicants(req, res, next) {
connection.query('SELECT COUNT(*) FROM applications WHERE grade="Grade 7" ', function (err, rows, fields) {
    if (err) {
        return next(err);
    };
    req._applications7 = rows;
    return next();
});
}

这是我在路由器文件上的GET请求:

router.get('/dashboard', getGrade7Applicants, function (req, res, next) {
res.render('admission/dashboard', {
    applications: {
            'grade7': req._applications7
    }

});
});

车把herlper如下:

Handlebars.registerHelper('toJSON', function(object){
return new Handlebars.SafeString(JSON.stringify(object));
});

最后我的html模板是:

<div class="alert alert-success" role="alert">
            <p style="font-size:75px; text-align:center;">{{toJSON applications.grade7}}</p>               
            <p style="text-align:center;"><strong>7th GRADE Applications<strong> </p>
        </div>

毕竟,我的网页上的输出是 [{&#34; COUNT(*)&#34;:20}]

我真的不知道为什么会打印部分查询。 20是我想要打印的正确值。

2 个答案:

答案 0 :(得分:2)

如上所述,这是属性名称,这里有一些进一步的解释:

如果您有以下查询(我给了计数一个结果的名称,以使显示更友好:

SELECT COUNT(*) as result FROM applications WHERE grade="Grade 7"

你应该找回一个看起来像这样的结果对象:

[{
   "result": "20"
}]

因此,当您对其进行字符串化时,您将获得整个对象,包括道具名称和括号作为文本。

你可以传入整个数组并在模板中迭代它(你有什么),或者只是第一个元素然后在模板中按名称访问属性:

res.render('admission/dashboard', {
    applications: {
        'grade7': req._applications7[0]
    }
});

并在模板中:

{{#if applications}}
    {{#if applications.grade7}}
        {{applications.grade7.result}}
    {{/if}}
{{/if}}

您也可以直接在数据中传递值:

res.render('admission/dashboard', {
    applications: {
        'grade7': req._applications7[0].result //prop name specified
    }
});

在你的模板中:

{{#if applications}}
    {{#if applications.grade7}}
        {{applications.grade7}}
    {{/if}}
{{/if}}

除非有特殊原因,否则您不需要使用助手。

答案 1 :(得分:1)

这不是查询的一部分..这是字段的名称 - 因为您还没有指定字段名称,它只使用&#34; count(*)&# 34 ;.

您需要更改查询以包含您可以使用的名称,如下所示:

 Select count(*) as app_count from applications...

然后您可以通过使用applications.gradet.app_count来获取值来打印该值。

我不能100%确定你想通过对一个对象进行字符串化来实现的目标,因为你必须重新解析它以获得对象属性的值。

我对车把不太熟悉,所以我可能会把你误入歧途。