gpt4 book ai didi

javascript - 如何使用express-handlebars向用户显示MySQL "result"对象?

转载 作者:行者123 更新时间:2023-11-29 18:44:54 25 4
gpt4 key购买 nike

我目前在我的 Node js 中有一个查询,如下所示:

app.get('/fav/books', function(req, res){
var sql = ("SELECT title, pictureUrl, author, description, genre FROM books")
connection.query(sql, function(err, result){
if(err) {
console.log('Error in the query.');
} else {
console.log('Success!\n');
console.log(result);
var book = result;
return book;
}
});
});

并像这样输出到控制台: Console Output

我想“还书”;向带有 Handlebars 的用户提供类似这样的卡片输出:

<div class="page-carousel">
<div class="panel id1">
<img href="pictureUrl"/>
<h3>title</h3>
<p><strong>author</strong></p>
<p>description</p>
<p>genre</p>
</div>
</div>

面板将是书籍的 ID,因为它需要创建与 ID 一样多的面板。书籍信息将保持原样。

最佳答案

Angularjs 非常适合这个。将此响应对象分配给 $scope 变量,例如 $books。然后你可以这样做:

<div class="page-carousel">
<div ng-repeat="x in books" class="panel {{x.id}}">
<img href="{{x.pictureUrl}}"/>
<h3>{{x.title}}</h3>
<p><strong>{{x.author}}</strong></p>
<p>{{x.description}}</p>
<p>{{x.genre}}</p>
</div>
</div>

关于javascript - 如何使用express-handlebars向用户显示MySQL "result"对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44713393/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com