Javascript “如何显示MySQL”;“结果”;使用快速把手的用户的对象?

Javascript “如何显示MySQL”;“结果”;使用快速把手的用户的对象?,javascript,mysql,node.js,express,handlebars.js,Javascript,Mysql,Node.js,Express,Handlebars.js,我当前在我的节点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.');

我当前在我的节点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;
    }
  });
});
<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>
并输出到控制台,如下所示:

我想将“还书”以类似以下卡片输出的方式发送给带把手的用户:

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;
    }
  });
});
<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,因为它需要创建尽可能多的面板。这本书的信息将保持原样

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>

{{x.title}}
{{x.author}}

{{x.description}}

{{x.genre}


我可以看到您返回的书籍是一个对象数组,每个对象包含一个书籍信息。在这种情况下,我们需要在把手中循环迭代,如-

{{#each book}}
  <div class="page-carousel">
    <div class="panel id1">
      <img href={{book.pictureUrl}}/>
      <h3>{{book.title}}</h3>
      <p><strong>{{book.author}}</strong></p>
      <p>{{book.description}}</p>
      <p>{{book.genre}}</p>
    </div>
  </div>
{{/each}}
{{{每本书}
{{book.title}}
{{book.author}}

{{book.description}}

{{book.genre}

{{/每个}}
这不起作用。我认为必须有一个渲染的东西或一个带有把手的助手,才能让“book”进入home.handlebar页面。